Ag网格:如何添加具有排序顺序的行

时间:2019-06-25 12:15:43

标签: angular ag-grid

我一直在尝试将行添加到ag网格中这样的问题,它总是在网格底部添加而没有排序顺序。

我想在此处添加具有排序顺序的行,例如添加行时的示例

实际结果是

4
5
6
1 => Newly added row without sorting.

预期结果是

1 => Newly added row with sorting.
4
5
6

这是从Ag-grid使用的语法。

const addedRow = this.gridOptions.api.updateRowData({ add: [view.data]});
      addedRow.add[0].setSelected(true);

任何专家建议

无排序(默认值:按数组顺序加载数据)

8

4

9

1 =>添加了新行

升序

1 =>添加了新行

4

8

9

下降

9

8

4

1 =>添加了新行

1 个答案:

答案 0 :(得分:1)

您可以使用gridApi设置网格的排序顺序。

onGridReady回调中,设置以下排序:

onGridReady(params) {
      this.gridApi = params.api;

      var sort = [
          {
            colId: "id",
            sort: "asc"
          }
        ];
        this.gridApi.setSortModel(sort);
    }

然后,当您添加新行时,它将由id字段以升序自动排序。

看看this StackBlitz示例。