我正在使用 AgGrid 和 ag-grid-angular 15.0.0
我所有的列都是可排序的。 Ag-grid 在每个标题中打印一个数字,指示排序顺序。如何隐藏这个?我正在使用suppressMultiSort = true,因为我只想按单列排序。
编辑:
如果只有 1 列可排序,则不会打印数字。但是如果可以排序超过 1 个,agGrid 会在标题中显示这些数字。
此外,一旦我单击任何标题以触发排序,数字就会消失..
任何帮助将不胜感激。
提前致谢!
最佳答案
我可以看到您的帖子中有很多问题(以及您遇到的困惑:))。
1.“如果只有 1 列可排序,则不会打印数字。但如果可以排序多于 1,agGrid 会在标题中显示这些数字..”
如果您想启用多重排序并且不想看到表示排序顺序的数字,那么您可以使用 CSS 来实现。
检查此插件:ag-grid Multi Column Sort - hide sortorder numbers
.ag-header-cell-label .ag-header-icon.ag-sort-order {
display: none
}
2.“此外,一旦我点击任何标题触发排序,数字就会消失......”
ag-grid当您在按住 Ctrl 键的情况下单击列时,可以对多列进行排序。
如果多列排序已经存在,并且如果您在没有 Ctrl 的情况下单击任何其他列,则旧的列排序将消失,并替换为您单击的最后一列。
3.如果你想禁用多重排序,你需要在
ag-grid
上设置以下属性元素 [suppressMultiSort]="true"
4. multiSortKey 可以更改 - 您需要将其作为以下属性提及
multiSortKey = "ctrl";
您可以在我提供的 Plunk 中看到。
希望这可以帮助。
关于angular - 如何在 Ag-Grid 中隐藏排序顺序指示器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48321894/