ag-grid保持排序图标可见

时间:2018-03-07 16:11:28

标签: javascript css angular ag-grid

我希望始终在表标题列中显示排序图标。但是,只要我点击任何标题标签,ag-grid的默认行为就是隐藏图标(.ag-header-cell-sorted-asc, .ag-header-cell-sorted-desc)。

有没有更改此行为的选项?

这是我定义标题列的方式:

@Component({
  selector: 'test-list',
  templateUrl: './test-list.component.html'
})
export class TestListComponent {
    public columnDefs = [
        { headerName: 'Test', field: 'test', minWidth: 150, sort: 'asc' },
        { headerName: 'Test1', field: 'test1', minWidth: 150, sort: 'desc'},
        { headerName: 'Test2', field: 'test2', minWidth: 250 }
      ];
}

1 个答案:

答案 0 :(得分:5)

你在谈论unSortIcon吗?

{
        headerName: "Year",
        field: "year",
        width: 90,
        unSortIcon: true
},

从ag-grid看看下面的plunker示例

https://plnkr.co/edit/FylOQ5cAD9id4LbgI3NN?p=preview

查看列中的差异'年份'和所有其他排序启用列?对于Year列,有unSortIcon:应用了true。