angular - 银格 : How to add a row with sorting order

Question

我一直在尝试一个问题，比如在将行添加到 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 => 添加新行

Answer 1

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

在 onGridReady回调，设置以下排序:

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

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

然后，当您添加新行时，它将按 id 自动排序。字段按升序排列。

看看 this StackBlitz 示例。