使用 Blazorise DataGrid 在移動設備上隱藏一些列

Question

在小屏幕上隱藏某些列的正確語法是什么？

我嘗試使用：

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

這似乎有效，但它在一些錯誤的用戶界面中重新出現

如您所見，Ident 和 Main Author 列有某種“幽靈邊界線”

Answer 1

我能夠使用BlazorSize 庫和 Blazorise Displayable列屬性的組合來做到這一點：

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

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

Answer 2

改用"d-sm-block" -> "d-sm-table-cell"