如何将带有标题 Ag Grid Angular 的表格分成两部分

Question

我正在使用 ag-grid 开展一个项目，我想制作一个用户表，在同一个表中显示所有角色和部门的访问权限，如下所示：

| Permisssions |    transactions    |   inventory   |   orders
|--------------|------------------------------------------------  
| Departments  |
|--------------|------------------------------------------------
| depart1      |      xxx                 xxx           xxx
| depart2      |      xxx                 xxx           xxx
| depart3      |      xxx                 xxx           xxx
|              |
|----------------------------------------------------------------
| Roles
|----------------------------------------------------------------
| roles1       |      xxx                 xxx           xxx
| roles2       |      xxx                 xxx           xxx
| roles3       |      xxx                 xxx           xxx
|              |

我在与此相关的文档中找不到任何内容。如上例所示，表格分为两部分。

• 部门
• 角色

每个都有自己的副标题，列名和行也是动态的。请让我知道如何实现这一目标。提前致谢！

Answer 1

我能想到的最接近的是使用Aligned Grids

您基本上定义了 2 个 ag-grids，但您可以同步对任一网格执行的操作。

gridOptionsFirst = {
    // some grid options here
        ...
};

gridOptionsSecond = {
    // register first grid to receive events from the second
    alignedGrids: [gridOptionsFirst]

    // other grid options here
    ...
}

来自文档中的示例，

1. 您可以为底部网格定义 0 的 headerHeight
2. 在 2 个网格之间添加 <span> Roles </span>
3. 将 cellStyle 赋予 Transaction、inventory、orders 列以移除边框

并产生类似的东西

| Departments  |  
| Permisssions | transactions    |   inventory   |   orders  
|--------------------------------------------------------------    
| depart1      |      xxx                 xxx           xxx  
| depart2      |      xxx                 xxx           xxx  
| depart3      |      xxx                 xxx           xxx  
|----------------------------------------------------------------  
| Roles  
|----------------------------------------------------------------  
| roles1       |      xxx                 xxx           xxx  
| roles2       |      xxx                 xxx           xxx  
| roles3       |      xxx                 xxx           xxx