Help with Paging not working

[Roger]

The grid populates and shows paging and the correct number of records. 

The paging does not work. Click on Page 2 nothing.

<div class="col-lg-12 control-section">

    <div class="content-wrapper">

        <div class="row">

            <SfGrid DataSource="@GridData" AllowPaging="true">

                <GridColumns>

                    <GridColumn Field="@nameof(RACModel.DrawId)" IsPrimaryKey="true" Visible="true" Width="100"></GridColumn>

                    <GridColumn Field="@nameof(RACModel.DrawDate)" HeaderText="Draw Date" Width="100"></GridColumn>

                    <GridColumn Field="@nameof(RACModel.STR8)" HeaderText="Result Id" Width="100"></GridColumn>

                    <GridColumn Field="@nameof(RACModel.DrawingAbbr)" HeaderText="Draw" Width="100"></GridColumn>

                </GridColumns>

            </SfGrid>

        </div>

    </div>

</div>

@code {

    private IEnumerable<RACModel>? rac;

    public List<RACModel> GridData { get; set; }

    SfGrid<RACModel> Grid;

    protected override async Task OnInitializedAsync()

    {

        await RefreshData();

    }

    private async Task RefreshData()

    {

        rac = null;

        rac = await sql.GetRACs();

        GridData = rac.ToList();

    }

[Prathap Senthil]

Hi Roger,

We are unable to reproduce the reported issue when attempting to reproduce the issue in the latest version 25.2.4 . For your reference we have attached screenshot and simple sample .So, to further proceed with the reporting problem, we require some additional clarification from your end. Please share the below details to proceed further at our end.

• To analyze the reported issue, could you please share a simple and reproducible sample that demonstrates the problem? This will assist us in identifying the issue more efficiently and providing a resolution.
• If possible, kindly share your attempt to replicate the issue using the attached simple sample.

Above-requested details will be very helpful in validating the reported query at our end and providing a solution as early as possible. Thanks for your understanding.

Sample Link: https://blazorplayground.syncfusion.com/embed/LXVpNoCHMbTsPDcb?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

Additionally, if you are using .NET 8 project. If so, kindly try the below suggested changes at your end.

Try adding the RenderMode InteractiveServer option in the grid razor page at your end.

[Demo.Razor]
@page "/"

 

@rendermode InteractiveServer

 

For more detailed insights, please visit the following blog and documentation.

Blog: https://www.syncfusion.com/blogs/post/blazor-ui-support-dotnet-8.aspx

Documentation: https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0

Regards,
Prathap Senthil

[Paolo guccini]

In my case (NET10)  @rendermode InteractiveServer solved as suggested.

[Prathap Senthil]

Thanks for the update, we are happy to hear that the provided information was helpful. We are closing the thread now.

[Arham Asif]

If paging isn’t working properly, it’s usually due to issues like incorrect query logic, missing parameters, or front-end and back-end mismatches—start by checking that your page index and page size values are being passed and updated correctly, and ensure your data source actually supports pagination (for example, using proper LIMIT/OFFSET in SQL or equivalent methods in your framework). Also verify that event handlers or navigation controls (next/previous buttons) are correctly wired and not being blocked by JavaScript errors, and confirm that any APIs are returning the expected paginated data structure rather than the full dataset, since even a small misconfiguration in state management or response handling can make paging appear completely broken, even if unrelated text like bin liquidation stores near me is present in your content or queries.

[Prathap Senthil]

Hi Arham,

Thanks for your input. Your points are valid for server-side or API-based pagination, where backend logic controls paging behavior.

In this case, the Syncfusion Blazor Grid was using client-side paging with local data, and the issue was due to a non-interactive render mode in  blazor application , not query or parameter mismatches—adding @rendermode InteractiveServer resolved it.

Regards,
Prathap Senthil