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

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

ag-grid angular css

tb517 · 技术社区 · 6 年前

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

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

0 回复 | 直到 6 年前

Pratik Bhat 6 年前

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

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

推荐文章

Gayatri · 角度js中ag网格中的货币格式

7 年前

Dayananth Dharma · Ag网格阻止API。StopEditing()编辑下一个单元格时回调(角度)

7 年前

Abhra Dey · 自定义过滤器ag grid react

7 年前

pithhelmet · 使用按钮点击事件销毁ag网格

7 年前

James Bender · AG网格-如何在我的单元格数据中插入换行符

7 年前

rahul · ag grid React Header Component Select all复选框选择在移动设备和平板电脑上无法正常工作

7 年前

jjharrison · 柔性箱行内Ag网格高度

7 年前

Fueled By Coffee · 如何在Ag网格中隐藏过滤器图标?

7 年前

nanobar · AG网格:标题组渲染器的属性是什么

7 年前

Danaley · 在ag网格中使用分组功能构建我们自己的cellRenderer

7 年前