Quantcast
Channel: Active questions tagged blazor - Stack Overflow
Viewing all articles
Browse latest Browse all 4839

How to hide/show columns in Blazor QuickGrid on breakpoints?

$
0
0

When using the regular Bootstrap 5 method in Blazor 8 by adding Class="d-sm-none d-md-block" to a QuickGrid component's PropertyColumn in order to hide it on small screens, the Bootstrap class overwrites something in QuickGrid's CSS (I think), as the edited property is now stacked vertically instead of horizontally.

<PropertyColumn Property="@(p => p.BrokerName)" Title="Broker" Sortable="true" Class="d-sm-none d-md-block" /><PropertyColumn Property="@(p => p.Symbol)" Title="Symbol" Sortable="true" Class="d-sm-none d-md-block" />

This puts Symbol underneath BrokerName instead og to the right of it.

Is there some special trick to hiding PropertyColumns in QuickGrid that doesn't collide with Bootstrap? Not too keen on making my own media queries...


Viewing all articles
Browse latest Browse all 4839

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>