Ag grid 如何在Ag网格中添加行标题？

---

请参考下图。（突出显示的部分是我在AG Grid中需要的行标题）

我不确定第一列的功能用例。 然而，您可以通过如下所示将其添加到列定义中来实现这一点

var gridOptions = {
    // define grid columns
    columnDefs: [
        // using default ColDef
        {
            headerName: ' ',
            field: '__',
            width: 15,
            sortable: false,
            cellStyle: {
                // you can use either came case or dashes, the grid converts to whats needed
                backgroundColor: 'lightgrey', // whatever cell color you want
            },
        },
...
}

---

在这里创建了工作示例。

据我所知，ag grid没有任何内置的行标题支持，但作为一种解决方法，您可以将第一列显示为行标题。我建议将整个列与其他列（包括列标题，如果它不是空的话）相比看起来有点不同，这样就可以清楚地看到它们是列标题，而不是标准行数据

列定义示例：

ColumnDefs: [ 
    { headerName: 'Column Title 1', field: 'Column1', minWidth: 100, headerClass: "upperLeftCell", cellStyle: {
            backgroundColor: 'AliceBlue', //make light blue
            fontWeight: 'bold' //and bold
        }
    },
    { headerName: 'Column Title 2', field: 'Column2', minWidth: 100 },
    { headerName: 'Column Title 3', field: 'Column3', minWidth: 100 }
]

您还可以使用左上角的单元格在SCS中设置样式，如下所示：

::ng-deep .ag-header-cell.upperLeftCell {
    background-color: aliceblue;
    font-weight: bold;
  }

在数据行中：必须在第一列中为每行输入所需的标题