angular - 如何在 Ag-Grid 中隐藏排序顺序指示器？

Question

我正在使用 AgGrid 和 ag-grid-angular 15.0.0

我所有的列都是可排序的。 Ag-grid 在每个标题中打印一个数字，指示排序顺序。如何隐藏这个？我正在使用suppressMultiSort = true，因为我只想按单列排序。

编辑:

如果只有 1 列可排序，则不会打印数字。但是如果可以排序超过 1 个，agGrid 会在标题中显示这些数字。

此外，一旦我单击任何标题以触发排序，数字就会消失..

任何帮助将不胜感激。

提前致谢!

Answer 1

我可以看到您的帖子中有很多问题(以及您遇到的困惑:))。

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 中看到。

希望这可以帮助。