ag-grid：如何在标题显示中将两列显示为单列？答案

【问题标题】：ag-grid : How to display two columns as single column in the header display?ag-grid：如何在标题显示中将两列显示为单列？
【发布时间】：2021-02-04 07:47:21
【问题描述】：

我的列定义如下所示，我已请求显示为 Name = First Name + Last Name，而不是在网格中显示为两个不同的列。

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

【问题讨论】：

我的回答解决了你的问题吗？
@LuDeveloper 我已接受作为答案。
很高兴回答！

标签： javascript angular ag-grid ag-grid-angular

【解决方案1】：

这是我之前使用的解决方案：

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

【讨论】：

也适用于带有 React 的 Ag Grid。