Angular MatTable - 了解MatSort

时间:2018-04-13 08:31:30

标签: angular angular-material

我无法理解MatSort的工作原理。 我有一些MatTable和一些列。前两列是STATUS和ID。状态是数字值(0,1或2),ID是数字。

我自定义表格的HTML,以便显示状态的彩色图标(0 =红色,1 =黄色,2 =红色)。

似乎排序不正常。如果我点击排序图标的三倍,ID列首先排序asc,然后desc,然后它仍然保留在desc排序上。

如果我在STATUS列上单击三次,它首先排序asc,然后是desc,然后在第一个排序状态下返回。

请参阅以下gif:

enter image description here

我不明白它是如何对这些价值进行分类的。你能救我吗?

1 个答案:

答案 0 :(得分:0)

documentation州:

  

默认情况下,排序标题在asc开始排序,然后是desc。   在desc之后触发排序标题将删除排序。

所以你看到的是三次点击的行为,在我看来是正确的。

结帐this example