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

HideAtMedia shows header

Dear sirs,

when using a SfGrid with HideAtMedia with a query like "(min-width: 576px)" the colum is hidden as expected. But the header column is still shown. The behavior is a bit strange as it works correctly if you resize the page - the column including the header is hidden when you reach the breakpoint. If the screen has already the smaller size (eg. on a phone), the column is hidden but the header is still shown.

Best regards, Michael

4 Replies

SP Sarveswaran Palani Syncfusion Team April 11, 2023 04:01 AM UTC

Hi Michael,

Greetings from Syncfusion support.

From your query, we prepared sample based on your requirement using HideAtMedia property, but we’re unable to reproduce a reported issue at our end. We have attached video demo for your reference. We request you to share the simple issue reproducible sample or reproduce a reported issue in the provide sample and share a video demo of an issue replication to us. It’ll be helpful for us to further validate your query and provide solution ASAP from our end.


Attachment: SfGridMediaQuery_ea1a12b3.zip

ML Michael Lechthaler April 11, 2023 06:49 AM UTC

Hi Sarvesh,

thanks for your reply. Your video shows exactly what is working but if you would have clicked Refresh or initially open it on a small device like a phone the column headers would still have shown. The problem is, that it works as long as you change the with of the window but it does not work when the window was initially small. I have attached a video regarding the issue.

Best regards


Attachment: GridColumExample_478a18b6.zip

SP Sarveswaran Palani Syncfusion Team April 24, 2023 03:56 AM UTC

Hi Michael,

We have confirmed this as an issue and logged the defect report “Issue in hiding column header using HideAtMedia property” for the same. Thank you for taking time to report this issue and helping us to improve our product. At Syncfusion, we are committed to fix all validated defects (subject to technological feasibility and Product Development Life Cycle) and this fix will be included in any of our upcoming patch release.

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.       


Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization”

Until then we appreciate your patience.



SP Sarveswaran Palani Syncfusion Team May 8, 2023 05:07 AM UTC

Hi Michael,

We are glad to announce that, we have included the fix for the issue “Issue in hiding column header using HideAtMedia property” in our 21.2.3 release.  So please upgrade to our latest version of Syncfusion NuGet package to resolve the reported issue. Please find the NuGet package for latest fixes and features from below.

NuGet : https://www.nuget.org/packages/Syncfusion.Blazor.Grid

Release notes: https://blazor.syncfusion.com/documentation/release-notes/21.2.3?type=all#grid

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 



Live Chat Icon For mobile
Up arrow icon