kendo-grid - Kendo MVC Grid 第 8 列禁用其他列上的 MinScreenWidth 属性

Question

这是我对网格的列绑定

.Columns(columns =>
{
    columns.Bound(c => c.Code);
    columns.Bound(c => c.Value).MinScreenWidth(768);
    columns.Bound(c => c.MinValue).MinScreenWidth(768);
    columns.Bound(c => c.Type).MinScreenWidth(768);
    columns.Bound(c => c.CurrencyCode).MinScreenWidth(768);
    columns.Bound(c => c.IsActive).MinScreenWidth(768);

    columns.Bound(c => c.Id).ClientTemplate("bla-bla");
})

此配置的结果是

如果我添加另一列，那么所有响应都会中断

.Columns(columns =>
{
    columns.Bound(c => c.Code);
    columns.Bound(c => c.Value).MinScreenWidth(768);
    columns.Bound(c => c.MinValue).MinScreenWidth(768);
    columns.Bound(c => c.Type).MinScreenWidth(768);
    columns.Bound(c => c.CurrencyCode).MinScreenWidth(768);
    columns.Bound(c => c.IsActive).MinScreenWidth(768);
    columns.Bound(c => c.IsInfinite).MinScreenWidth(768); //extra column

    columns.Bound(c => c.Id).ClientTemplate("bla-bla");
})

它有什么隐藏的理由吗？除了手动显示/隐藏还有其他解决方法吗？

更新 2019-02-15：

另一个我之前没有注意到的有趣事实：这只发生在 Google Chrome DevTools 设备中。我试图再次重现它，但是如果您将普通窗口的大小调整为移动宽度，它可以正常工作，如果我在 DevTools 中启用任何设备（例如 Galaxy S5），那么它会中断。关于名称，我不能说它是模型中的一列打破了网格，并且相关性很弱。很少有测试（注意：除 Code 之外的所有列都有.MinScreenWidth(768)：

• 1 个代码列 + 9 个值列 => 只显示代码；
• 1 个代码列 + 9 个 CurrencyCode 列 => 网格已损坏；
• 1个代码列+8个值列+1个货币代码列=>只显示代码；
• 1 个代码列 + 8 个值列 + 9 个货币代码列 => 网格已损坏。

标签： kendo-gridgoogle-chrome-devtoolskendo-asp.net-mvc