如何在垫表顶部插入新行

Question

我有一个显示工作列表的垫表。现在，当我创建一个新作业时，我想将它显示在第一行而不是最后一行。如果我创建并添加一个新作业，它会显示在 mat-table 的底部。我怎样才能做到这一点。

我想要类似于这个Stackblitz 的东西。但不是在底部添加行，我希望它在第一行

Answer 1

要将元素推送到第一行，数组中有一个名为 的方法unshift()。

为此，举个例子：

var a = [1,2,3,4]; 如果我想推0到a第一个位置，我会这样做a.unshift(0)

您所要做的就是.push()使用.unshift()

我已经分叉了 stackbltiz 来帮助您解决解决方案 https://stackblitz.com/edit/angular-axjzov-8zmcnp

Answer 2

如果您想将新行添加到MaterialTable的顶部，您可以添加以下选项：

<MaterialTable
    ...
   options={
     addRowPosition: 'first'
   }
    ...    
>

您只能从第一个或最后一个中选择。默认设置为最后。