自定义 DevExpress DataGrid 分页

Question

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

Answer 1

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

`

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

`

自定义 DevExpress DataGrid 分页

Customizing DevExpress DataGrid pagination

datagrid

devexpress

angular