Вот моя привязка столбцов для сетки
.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), то оно сломается.Что касается имен, я не могу сказать, что это один столбец в модели, который разбивает сетку, и существует слабая корреляция.Несколько тестов (примечание: все столбцы, кроме кода, имеют .MinScreenWidth(768)
:
- 1 столбец кода + 9 столбцов значений => отображается только код;
- 1 столбец кода + 9 столбцов CurrencyCode=> сетка повреждена;
- 1 столбец кода + 8 столбцов значений + 1 столбец CurrencyCode => отображается только код;
- 1 столбец кода + 8 столбцов значений + 9 столбец CurrencyCode => сеткасломан.