代码之家 › 专栏 › 技术社区 › tb517

Ag Grid:修改单个列标题的css/样式?

ag-grid angular css

tb517 · 技术社区 · 7 年前

我有两个不同的列,希望它们显示为一个单独的列。为了给人一种错觉,我使用cellStyle设置了“border right”:“none”用于左边列的单元格,但是,对于标题,我发现它并不是那么容易。

我已经尝试将CSS应用于我直接工作的组件,但是我发现这些属性并不是很好的描述,最后我编辑了所有的标题。

0 回复 | 直到 7 年前

Pratik Bhat 7 年前

没有子标题的列分组对您很有用。

this.columnDefs = [
  {
    headerName: "Athlete Country",
    children: [
      {
        headerName: "Athlete",
        field: "athlete",
        width: 150,
      },
      {
        headerName: "Country",
        field: "country",
        width: 120
      }
    ]
  }]

在你的 onGridReady

  onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;
    this.gridApi.setHeaderHeight(0);
    this.gridApi.setGroupHeaderHeight(30);
}

以实例为基础 here