如何在 Blazor QuickGrid 中的断点处隐藏/显示列？

Question

当在 Blazor 8 中使用常规 Bootstrap 5 方法时，通过将

Class="d-sm-none d-md-block"

添加到 QuickGrid 组件的 PropertyColumn 以便在小屏幕上隐藏它，Bootstrap 类会覆盖 QuickGrid CSS 中的某些内容（我认为），因为编辑的属性现在已堆叠垂直而不是水平。

<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" />

这会将 Symbol 放在 BrokerName 下方，而不是放在其右侧。

是否有一些特殊的技巧可以隐藏 QuickGrid 中的 PropertyColumns 且不与 Bootstrap 冲突？不太热衷于进行自己的媒体查询...

蒂亚！

丹尼斯

Answer 1

哎呀！！事实证明，如果你拼写正确的话，

Class="d-none d-md-table-cell"

就可以正常工作......

抱歉！

重新 丹尼斯