如何隐藏排序指示符并显示我们自己的指示符图标以在 Ag-Grid 中升序和降序排序

Posted

技术标签:

【中文标题】如何隐藏排序指示符并显示我们自己的指示符图标以在 Ag-Grid 中升序和降序排序【英文标题】:How to hide sort order indicator and show our own indicator icon for ascending and desending sort order in Ag-Grid 【发布时间】:2021-11-11 02:30:21 【问题描述】:

enter link description here

我有相同的 colDef 定义,我使用的是 angular 12 和 ag-grid 版本 25.3.0。

【问题讨论】:

【参考方案1】:

我有办法添加我的图标。

 this.columnDefs = [
 
   field: 'test',
  width: 150,
  icons: 
    sortAscending: '<i class="fa fa-sort-alpha-up"/>',
     sortDescending: '<i class="fa fa-sort-alpha-down"/>',
   ,
 ];

我更喜欢这个 enter link description here

【讨论】:

虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接答案可能会失效。 - From Review 谢谢!我更新了我的答案

以上是关于如何隐藏排序指示符并显示我们自己的指示符图标以在 Ag-Grid 中升序和降序排序的主要内容,如果未能解决你的问题,请参考以下文章

模型排序时更新 QTableView/QHeaderView 中的排序指示符

如何在加载kendo-grid时显示kendo加载图标?

隐藏和显示音量指示器

ExpandableListView - 为没有孩子的组隐藏指示器

如何隐藏和显示加载微调器 - 活动指示器反应原生,管理道具和状态

数据格式,訪问信息以及操作数指示符