Blazor WebAssembly Dev Express Data Grid — загрузка всех строк без разбивки на страницы
Я начал экспериментировать с компонентом devexpress Blazor Grid для проекта, который мы переносим с Webforms на Blazor WebAssembly.
Я вижу, что компонент нумерации страниц в сетке работает очень хорошо.
Но у меня есть это требование загружать все записи без разбивки на страницы и изо всех сил пытаться получить правильные настройки
<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>
Я попытался установить размер страницы на 10000, но когда я это делаю, экран зависает.
<DxDataGrid DataAsync="@GetEmployeeStatssAsync(51)" WIDTH="700px" PageSize="10000"
VerticalScrollBarMode="ScrollBarMode.Auto"
VerticalScrollableHeight="200">
Пожалуйста, дайте мне знать, что правильно реализовать
Заранее спасибо.
1 ответ
вы можете использовать свойства ShowPager, PagerAllDataRowsItemVisible, PageSize для DxDataGrid
<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>