无法在Angular ag-grid中设置Column标头sortUnSort图标

时间:2018-04-20 12:31:00

标签: angular typescript ag-grid

嗯,基本上它说的是:虽然根据文档,属性sortUnSort默认为没有图像,但我似乎无法包含任何图标。这听起来像是绝对不重要的东西,但我真的需要这样的解决方案。

constructor(){

// TODO: The table has to be build dynamically. 

this.gridOptions = {
  columnDefs: [
    { headerName: 'County', field: 'country'},
    { headerName: 'ModelName', field: 'model' },
    { headerName: 'Address', field: 'address' },
    { headerName: 'Equipment Number', field: 'equipmentNo' }
  ],

rowData: [
  { country: 'Germany', model: 'Add', address: "xxxxx", equipmentNo: 1551599181 },
  { country: 'Poland', model: 'Mondeo', address: "xxxxx", equipmentNo: 8907234234 },
  { country: 'France', model: 'Boxter', address: "xxxxx", equipmentNo: 9872342344 },
  { country: 'Austria', model: 'Boxter', address: "xxxxx", equipmentNo: 239874244 }
],

rowSelection: 'single',

icons: {
    sortAscending: '<i class="fa fa-sort-amount-asc" aria-hidden="true"></i>',
    sortDescending: '<i class="fa fa-sort-amount-desc" aria-hidden="true"></i>',
    sortUnSort: '<i class="fa fa-sort" aria-hidden="true"></i>'
}

}

其他图标属性,完美运行并按照此处所示呈现图标......

enter image description here

1 个答案:

答案 0 :(得分:0)

好吧,对我来说,这是一个非常可耻的时刻......这很容易,很痛,我只能责怪我的短视。

实际上有一个方法,开发人员自己提到,默认情况下,非排序图标是禁用的。只需添加gridOptions即可 价值

unSortIcon:true

你是金色的。