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

问题描述

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

我尝试使用：

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

这似乎有效但它导致了一些有问题的用户界面

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

解决方法

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

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

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