We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

PageSizes doesnt display dropdown menu after update to v


After Update to latest version grid doesnt dispay drop down menu with page size. On version 19.x.x.x it was working.

  <GridPageSettings PageSizes="@(new int[]{8, 9, 10, 22, 30})" PageCount="3" PageSize="5"></GridPageSettings>


<GridPageSettings PageSizes="@pageDropDown" PageCount="3" PageSize="5"></GridPageSettings>

 string[] pageDropDown { get; set; } = new string[] { "ALL", "5", "10", "15", "20" };

give the same result.

1 Reply 1 reply marked as answer

MS Monisha Saravanan Syncfusion Team October 31, 2022 11:28 PM

Hi Artem,

Greetings from Syncfusion support.

We would like to inform that we have included breaking changes in loading scripts and styles from our 2022 volume 1 release and javascript isolation is marked as obsolete. So we suggest you to use any one of the below method to load styles and scripts externally for better performance. Also we have prepared an sample. Kindly check the attached sample for your reference.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1-380502541.zip

  1. CDN
Scripts- https://blazor.syncfusion.com/documentation/common/adding-script-references#cdn-reference
Styles - https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference


  1. Static Web Assets

Scripts - https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets


Styles - https://www.nuget.org/packages/Syncfusion.Blazor.Themes/

Also refer the below release notes for your additional information.

Reference: https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#common

Example code snippet:



<link rel='nofollow' href=https://cdn.syncfusion.com/blazor/20.3.52/styles/bootstrap5.css rel="stylesheet"/>

      <script src=https://cdn.syncfusion.com/blazor/20.3.52/syncfusion-blazor.min.js type="text/javascript"></script>


Note:  Need to disable javascript isolation while using the above ways( AddSyncfusionBlazor()).

When using only styles we need to set ignorescriptisolation as false in program.cs file

builder.Services.AddSyncfusionBlazor(options => { options.IgnoreScriptIsolation = false; });

Kindly get back to us with an issue reproduceable sample or with entire Grid code snippet if the reported issue is not resolved or if you have further queries.



If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.

Marked as answer
Live Chat Icon For mobile
Up arrow icon