Error in pagination

Question

HiI am migrating an application made in Vue 2 to Blazor ServerI am using treegrid component. With Vue I get correct number of rows, meanwhile in blazor its wrong...check the image. The data comes from the same database.

Padmavathy Kamalanathan · Accepted Answer

Hi Jose,

Thanks for contacting Syncfusion Forums.

Query: Error in pagination

By default, Blazor Tree Grid work with PageSizeMode as Root. So only the count of root node is shown in the pagination. We suggest you to set the mode as All mode for showing total count of records in pagination.

Please check the below help documentations,

https://blazor.syncfusion.com/documentation/treegrid/paging/#page-size-mode

https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridPageSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridPageSettings_PageSizeMode



Please check the below code snippet,



<SfTreeGrid ID="Grid" DataSource="@DragData" IdMapping="TaskId" ParentIdMapping="ParentId"

         AllowPaging="true" TreeColumnIndex="1">

      <TreeGridPageSettings PageSize="12" PageSizeMode="PageSizeMode.All"></TreeGridPageSettings>

            </SfTreeGrid>



Please check the below screenshot,





Kindly get back to us for further assistance.

Regards,

Padmavathy Kamalanathan

Thanks!

Its working now!

jose luis barajas · Answer

Hi Jose,

Thanks for contacting Syncfusion Forums.

Query: Error in pagination

By default, Blazor Tree Grid work with PageSizeMode as Root. So only the count of root node is shown in the pagination. We suggest you to set the mode as All mode for showing total count of records in pagination.

Please check the below help documentations,

https://blazor.syncfusion.com/documentation/treegrid/paging/#page-size-mode

https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.TreeGrid.TreeGridPageSettings.html#Syncfusion_Blazor_TreeGrid_TreeGridPageSettings_PageSizeMode



Please check the below code snippet,



<SfTreeGrid ID="Grid" DataSource="@DragData" IdMapping="TaskId" ParentIdMapping="ParentId"

         AllowPaging="true" TreeColumnIndex="1">

      <TreeGridPageSettings PageSize="12" PageSizeMode="PageSizeMode.All"></TreeGridPageSettings>

            </SfTreeGrid>



Please check the below screenshot,





Kindly get back to us for further assistance.

Regards,

Padmavathy Kamalanathan

Thanks!

Its working now!

Pon Selva Jeganathan · Answer

Hi Jose,   
  
Thanks for the update.    
  
We are glad to hear that query has been resolved by our solution.    
  
Kindly get back to us for further assistance.  
  
Regards,  
Pon selva