Can i take two fields in a single cell renderer ag-grid
valueGetter:
function sumField(params) {
return params.data.a + params.data.b
}Can i take two fields in a single cell renderer ag-grid
valueGetter:
function sumField(params) {
return params.data.a + params.data.b
}Can i take two fields in a single cell renderer ag-grid
var hashValueGetter = function (params) {
return params.node ? params.node.rowIndex : null;
};
function abValueGetter(params) {
return params.data.a + params.data.b;
}
var a1000ValueGetter = function (params) {
return params.data.a * 1000;
};
var b137ValueGetter = function (params) {
return params.data.b * 137;
};
var randomValueGetter = function () {
return Math.floor(Math.random() * 1000);
};
var chainValueGetter = function (params) {
return params.getValue('a&b') * 1000;
};
var constValueGetter = function () {
return 99999;
};
const gridOptions = {
columnDefs: [
{
headerName: '#',
maxWidth: 100,
valueGetter: hashValueGetter,
},
{ field: 'a' },
{ field: 'b' },
{
headerName: 'A + B',
colId: 'a&b',
valueGetter: abValueGetter,
},
{
headerName: 'A * 1000',
minWidth: 95,
valueGetter: a1000ValueGetter,
},
{
headerName: 'B * 137',
minWidth: 90,
valueGetter: b137ValueGetter,
},
{
headerName: 'Random',
minWidth: 90,
valueGetter: randomValueGetter,
},
{
headerName: 'Chain',
valueGetter: chainValueGetter,
},
{
headerName: 'Const',
minWidth: 85,
valueGetter: constValueGetter,
},
],
defaultColDef: {
flex: 1,
minWidth: 75,
// cellClass: 'number-cell'
},
rowData: createRowData(),
};
function createRowData() {
var rowData = [];
for (var i = 0; i < 100; i++) {
rowData.push({
a: Math.floor(i % 4),
b: Math.floor(i % 7),
});
}
return rowData;
}
// setup the grid after the page has finished loading
document.addEventListener('DOMContentLoaded', function () {
var gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv, gridOptions);
});Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
