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

Question

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

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

编辑：

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

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

任何帮助将不胜感激。

提前致谢！

Answer 1

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

1. “如果只有 1 列可排序，则不会打印数字。但如果可以排序多于 1 列，agGrid 会在标题中显示这些数字..”

如果您想启用多重排序并且不想看到表示排序顺序的数字，那么您可以使用 CSS 来实现。

检查这个 plunk: ag-grid Multi Column Sort - hide sortorder numbers

.ag-header-cell-label .ag-header-icon.ag-sort-order {
  display: none
}

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

当您单击列并Ctrl按下时，多列上的ag-grid排序工作。
如果多列排序已经存在，并且如果您单击没有 的任何其他列Ctrl，则旧列排序将消失，并替换为您单击的最后一列。

3.如果你想禁用多重排序，你需要在ag-grid元素上设置下面的属性

[suppressMultiSort]="true"

4. multiSortKey 可以更改 - 您需要将其作为以下属性提及

multiSortKey = "ctrl";

您可以在我提供的 Plunk 中看到。

希望这可以帮助。