HideAtMedia shows header

[Michael Lechthaler]

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

[Sarveswaran Palani]

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.

Regards,
Sarvesh

Attachment: SfGridMediaQuery_ea1a12b3.zip

[Michael Lechthaler]

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

Mihcael

Attachment: GridColumExample_478a18b6.zip

[Sarveswaran Palani]

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.       

https://www.syncfusion.com/feedback/43085/issue-in-hiding-column-header-using-hideatmedia-property

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.

Regards,

Sarvesh

[Sarveswaran Palani]

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. 

Regards,

Sarvesh