c# - 使用 Blazorise DataGrid 在移动设备上隐藏一些列

Question

在小屏幕上隐藏某些列的正确语法是什么？

我尝试使用：

HeaderCellClass="d-none d-sm-block"
CellClass="@((_) => "d-none d-sm-block")"

这似乎有效，但它在一些错误的用户界面中重新出现

如您所见，Ident 和 Main Author 列有某种“幽灵边界线”

Answer 1

我能够使用BlazorSize 库和 BlazoriseDisplayable列属性的组合来做到这一点：

<DataGridColumn TItem="Year" Field="@nameof(Year.YearDesc)" Displayable="@IsMediumUpMedia" Caption="Year"></DataGridColumn>

其中“IsMediumUpMedia”是在中等或更高视口上可用的可用变量之一。