自定义 DevExpress DataGrid 分页

【问题标题】：Customizing DevExpress DataGrid pagination自定义 DevExpress DataGrid 分页
【发布时间】：2021-05-20 03:24:41
【问题描述】：

我们能否更改页面滚动，以便显示接下来的 5 页？因此，例如在随附的屏幕截图中，我可以立即转到第 5 页，但如果我想转到后面的页面，我必须一次单击一个。因此，要从我现在的位置到第 25 页，我必须单击其间的每一页。如果在第 5 页之后我可以滚动查看第 6-10 页，然后再滚动查看第 11-15 页等，那就太好了。

【问题讨论】：

标签： angular datagrid devexpress

【解决方案1】：

Compact displayMode 是 v21.2 中提供的最佳内置解决方案。您可以查看以下演示以了解它在下一个版本中的外观：CodePen。

$("#gridContainer").dxDataGrid({
        dataSource: dataSource,
        showBorders: true,
        paging: {
            pageSize: 5
        },
        pager: {
            displayMode: 'compact',
            showInfo: true
        },
        columns: []
    });

【讨论】：