我将我的Ag-Grid版本从v7.0.2升级到v11.0.0。升级后,所有具有无限滚动的桌子开始失败。我在浏览器控制台上遇到此错误:
ag-grid:count找不到RowModelType Virtual
的匹配行模型
我在这里检查了changelog https://www.ag-grid.com/change-log/changelogindex.php#gsc.tab=0
,但我找不到与此相关的任何东西。所以我相信这不是被删除。
还尝试将RowModelType更改为'Infinite'。改变这一点,我能够在UI上看到一些数据,尽管它的行为不像预期的那样(行波动(
可以帮助我在这里指出我可以使用的等效类,如果rowmodaltype:'virtual'被删除。
我的Ag-Grid选项:
$scope.gridOptions = {
headerHeight: 25,
rowHeight: constants.height,
rowModelType: 'virtual',
paginationPageSize: constants.ag_grid_page_size,
virtualPaging: true,
enableServerSideSorting: true,
enableSorting: false,
enableColResize: true,
angularCompileRows: true,
onGridSizeChanged: function () {
$scope.gridOptions.api.doLayout();
$scope.gridOptions.api.sizeColumnsToFit();
},
columnDefs: [..]
虚拟行模型被更名为无限。这是一个名称更改,行模型是相同的。您确实跳了很多版本,因此一定会有另一个破裂的变化。我不能说您发布的代码有什么问题,建议您在线查看所需版本的示例,并将您所拥有的内容与工作示例进行比较。
在最新版本(17.1.1(中,您可以使用pagination:true
$scope.gridOptions = {
columnDefs: $scope.columnDefs,
rowData: $scope.rowData,
rowHeight: 48,
components: {
childMessageRenderer: $scope.childMessageRenderer
},
angularCompileRows: true,
enableFilter: true,
pagination: true,
paginationPageSize :3
};