ag-grid : How to display two columns as single column in the header display?

3.7k Views Asked by At

I have my column defs like below and i have requested to display as Name = First Name + Last Name instead of displaying as two different column in the grid.

Grid Header

var users_column = [
 {
    field: 'FIRST_NAME',
    suppressMenu: true,
}, {
    field: 'LAST_NAME',
    suppressMenu: true,   
},
1

There are 1 best solutions below

1
On BEST ANSWER

Here is the solution I used before:

var users_column = [
    {
        headerName: 'Name Surname', field: 'fullname', valueGetter(params) {
            return params.data.FIRST_NAME + ' ' + params.data.LAST_NAME;
        }, suppressMenu: true,
    }
]