Breaking News: Grepper is joining You.com. Read the official announcement!

Can i take two fields in a single cell renderer ag-grid

Karan Najwani answered on March 31, 2022 Popularity 3/10 Helpfulness 1/10

answer Can i take two fields in a single cell renderer ag-grid

related Can i take two fields in a single cell renderer ag-grid

Can i take two fields in a single cell renderer ag-grid

Comment

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);
});

Popularity 3/10 Helpfulness 1/10 Language whatever

Source: www.ag-grid.com

Tags: ag-grid cell renderer take whatever

Link to this answer
Share Copy Link

Contributed on Mar 31 2022

Karan Najwani

0 Answers Avg Quality 2/10

Closely Related Answers

Can i take two fields in a single cell renderer ag-grid

Comment

valueGetter: 
function sumField(params) {
          return params.data.a + params.data.b
}

Popularity 3/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: ag-grid take cell whatever renderer

Link to this answer
Share Copy Link

Contributed on Mar 31 2022

Karan Najwani

0 Answers Avg Quality 2/10

Can i take two fields in a single cell renderer ag-grid

Contents

More Related Answers

Can i take two fields in a single cell renderer ag-grid

Closely Related Answers

Can i take two fields in a single cell renderer ag-grid

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.