グリッド内の2つのフィールドを共起させる（VueJSを使用）

Question

私はVueJS（2）でag-gridをhttps://www.ag-grid.com/best-vuejs-data-grid/#gsc.tab=0経由で使用しています。私は

は、[OK]を

などJSONベースのデータストアを使用して単純なグリッドを取り込むことができ、今の私のデータソースの一部は、この

"closingDate": "2017-05-16T23:00:00", 
    "salaryDetails": { 
    "paymentSchedule": "hourly", 
    "minSalary": 150, 
    "maxSalary": 200 
    }, 
"contractType": "contract", 
"numberOfPositions": 3, 

のように見える私は、このような内容というAG-グリッドを移入したいのですがminSalary列の「150時間ごと」（+ paymentSchedule例えばminSalary +「」）のように見え以下

あなたは、私がフィールドに使用するものを表現見当がつかない見ることができるように私は私のcolumnDefinitionを作成するが、どのようである：私が望むものを達成する。

createColumnDefinitions: function() { 
     return [ 
      { headerName: 'Min Salary', field: ???? } 
     ] 
} 

編集：私が知りたいことは、私のcolumnDefinition関数内からやりたいことをすることが可能なのでしょうか？例えば...

createColumnDefinitions: function() { 
    return [ 
    { headerName: 'Min Salary', field: this.concatenateStuff(????) } 
    ] 
} 

Answer 1

これがありました！

解決策は、私のcolumnDefinitionの中で "field"の代わりに "valueGetter"を使うことでした。

だから、私のための列定義は、それがグリッドに行く前に、あなたが望む形式にデータを操作していないのはなぜ

{ 
headerName: 'Min Salary', valueGetter: 
    function (params) { return params.data.salaryDetails.minSalary + ' ' +  params.data.salaryDetails.paymentSchedule } 
}