首页 > 解决方案 > 如何在 Ag-grid 中添加行标题?

问题描述

在此处输入图像描述

请参考下图。(突出显示的部分是我在 AG-Grid 中需要的 ROW 标题)

标签: ag-gridag-grid-reactag-grid-ng2ag-grid-angular

解决方案


我不确定第一个专栏的功能用例是否适合您。不过,您可以通过将其添加到列定义来实现这一点,如下所示。

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
            },
        },
...
}

在此处创建了工作示例plnkr


推荐阅读