具有简单类型行数据的 ag-grid

Question

我很难在 Angular 6.0 应用程序中设置ag-grid表，其中行数据模型是一个简单类型（日期、数字、字符串等）的数组。

我可以这样做的唯一方法是将所有数据包装到一个对象列表中（每个对象包含一个属性）并将其作为行数据传递。 这也意味着我必须在需要访问数据时手动和系统地解包数据。

换句话说，有没有办法在 ag-grid 表中定义一个没有字段的 columnDef 并让它隐式地认为字段数据是整个行数据？

var gridOptions = {
    columnDefs: [
        {headerName: 'Athlete'}
    ],
    rowData: ['John', 'Oliver']
}

Answer 1

我认为字段是必需的，但 colId 不是必需的（它将默认为该字段）。 字段是将列映射到数据集的内容。 以下是有关列定义的更多详细信息。

在初始化网格之前编辑数据可能更容易。 像这样的事情可能会奏效：

var data = ['John', 'Oliver'].map(name => {return {name} });
var gridOptions = {
    columnDefs: [
        {field:'name', headerName: 'Athlete'}
    ],
    rowData: data
}

Answer 2

你可以配置你的columnDefs

var gridOptions = {
    columnDefs: [
        {
            headerName: 'Athlete',
            valueGetter: (node) => node.data
        }
    ],
    rowData: ['John', 'Oliver']
}