如何使用AG Grid同时重置排序和过滤

Question

我希望能够同时重置所有过滤器和排序，而不会触发表格的两次不同刷新。我正在使用无限模型，因此如果我无法批量更改，则会导致对数据库发出两个请求。

这是我目前所做的：

            api.setFilterModel(null);
            api.applyColumnState({
                defaultState: { sort: null },
            });

有没有办法批量处理这些更改以避免重复获取？

Answer 1

首先你必须像这样定义 gridRef

const gridRef = useRef(null)

并将其交给agGrid

<AgGridReact
  ref={gridRef}
  ...other props
  />

然后你必须使用过滤器并像这样排序。它将重置你的网格

 gridRef?.current?.columnApi.resetColumnState();