Blazor WebAssembly Dev Express 数据网格 - 加载所有行而不分页

Question

我开始为我们正在从 Webforms 迁移到 Blazor WebAssembly 的项目尝试使用 devexpress Blazor Grid 组件。
我看到网格中的分页组件工作得很好。
但是我有这个要求，可以在没有分页的情况下加载所有记录，并且很难获得正确的设置

<DxDataGrid DataAsync="@GetEmployeeStatssAsync" WIDTH="700px"     VerticalScrollBarMode="ScrollBarMode.Auto" 
VerticalScrollableHeight="200">
<DxDataGridColumn Field="@nameof(EmployeeStatResponse.FullName)" Width="30px"  />
<DxDataGridColumn Field="@nameof(EmployeeStatResponse.Batches)" Width="30px" />
<DxDataGridColumn Field="@nameof(EmployeeStatResponse.Lines)" Width="20px" />
<DxDataGridColumn Field="@nameof(EmployeeStatResponse.Units)"  Width="20px" />
<DxDataGridColumn Field="@nameof(EmployeeStatResponse.Hours)"  Width="30px" />
<DxDataGridColumn Field="@nameof(EmployeeStatResponse.LPH)"  Width="30px" />
<DxDataGridColumn Field="@nameof(EmployeeStatResponse.Errors)"  Width="30px" />
<DxDataGridColumn Field="@nameof(EmployeeStatResponse.EPer)"  Width="30px" />
</DxDataGrid>

我尝试将 pagesize 设置为 10,000，但是当我这样做时 屏幕冻结。

<DxDataGrid DataAsync="@GetEmployeeStatssAsync(51)" WIDTH="700px" PageSize="10000"
            VerticalScrollBarMode="ScrollBarMode.Auto" 
            VerticalScrollableHeight="200">

请让我知道要实施的正确 wat 是什么

提前谢谢你。

Answer 1

您可以使用 DxDataGrid 的 ShowPager、PagerAllDataRowsItemVisible、PageSize 属性

<DxDataGrid Data="@employees" ShowPager="false" PagerAllDataRowsItemVisible="false" PageSize="10000">
        <DxDataGridColumn Field="Id" AllowSort="false" Width="50px"/>
        <DxDataGridColumn Field="Name" AllowSort="false" Width="50px"/>
        <DxDataGridColumn Field="PhoneNumber" AllowSort="false" Width="50px"/>
</DxDataGrid>