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

Question

我一直在尝试一个问题，比如在将行添加到 ag 网格时，它总是在没有排序顺序的情况下添加到网格的底部。

我想在这里添加带有排序顺序的行，例如添加行时发生的情况，

实际结果是

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

预期结果是

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

这是使用 from 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 的例子。