如何在排序/过滤/分组更改上刷新 ag-grid 视图答案

【问题标题】：How to refresh ag-grid view on sort/filter/grouping change如何在排序/过滤/分组更改上刷新 ag-grid 视图
【发布时间】：2019-04-10 13:01:13
【问题描述】：

我正在为服务器端分组、排序、加载等实现 ag-grid 企业。例如，我在刷新视图时遇到问题。当我滚动到底部并单击按特定列排序时，滚动保持在底部，所以第一个数据被加载到表格的底部，当我向上滚动时，我得到倒排或任何你可以称之为的。当我点击排序时，我期望发生的是 ag-grid 的整个视图以达到以前的状态，刷新/重新初始化并在顶部滚动。

这里是official example，您可以在其中看到当行排序时 ag-grid 是如何重新初始化的。当我将此 plunkr 中的确切代码复制到 Angular 中时，它会正常工作，直到我将 rowDataType 更改为服务器端

rowDataType = 'serverSide';
params.api.setServerSideDatasource(dataSource);

只要我在 Angular 中执行该代码，就会停止按照它应该和以前所做的那样重新启动排序。无论有没有“serverSide”，Plunkr 都可以正常工作。因此，由于代码完全相同，我假设我缺少一些导入或 smth??**

另一个问题，所以我不会向周围发送垃圾邮件，以防路过的人知道。如何在分组后删除双列。当我按某个列分组时，我将其复制为生成的“组”列，因此我在 2 列中获得相同的数据，我不介意删除其中任何一个。例如：

【问题讨论】：

你试过this.gridApi.setRowData(rowData);
@hana_wujira 我认为它已经添加到 html 中，但我仍然尝试像这样 prntscr.com/lflhxd 那样放置它，但它没有用。
你能帮我解决这个问题吗？stackoverflow.com/questions/56231178/…

标签： angular ag-grid ag-grid-ng2

【解决方案1】：

我猜是关于进口的。不知道是哪一个修复了它，测试时间太短了，但其中一个做到了。将这些导入到 agular-cli.json > 脚本中，这一切都开始像在 plunkr 上一样工作：

"../node_modules/ag-grid/dist/ag-grid.min.js",
"../node_modules/ag-grid-enterprise/dist/ag-grid-enterprise.min.js",
"../node_modules/ag-grid-angular/updateGridAndColumnProperties.js",
"../node_modules/ag-grid-community/dist/ag-grid-community.min.js"

如果路过的人知道我帖子中的第二个问题（关于隐藏按分组的一列），我将不胜感激。

【讨论】：