Kendo MVC Grid 8-й столбец отключает свойство MinScreenWidth для других столбцов - PullRequest
0 голосов
/ 13 февраля 2019

Вот моя привязка столбцов для сетки

.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");
})

Результат для этой конфигурации

enter image description here

И если я добавлюдругой столбец, затем все разрывы реагирования

.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");
})

enter image description here

Есть ли какая-то причина, почему он скрывается?И есть ли обходной путь, кроме ручного отображения / скрытия?

ОБНОВЛЕНИЕ 2019-02-15:

Еще один интересный факт, который я раньше не замечал: это происходит только в устройстве Google Chrome DevTools.Я пытался воспроизвести его снова, но он работает нормально, если вы измените размер обычного окна на ширину мобильного телефона, если я включу любое устройство в DevTools (например, Galaxy S5), то оно сломается.Что касается имен, я не могу сказать, что это один столбец в модели, который разбивает сетку, и существует слабая корреляция.Несколько тестов (примечание: все столбцы, кроме кода, имеют .MinScreenWidth(768):

  • 1 столбец кода + 9 столбцов значений => отображается только код;
  • 1 столбец кода + 9 столбцов CurrencyCode=> сетка повреждена;
  • 1 столбец кода + 8 столбцов значений + 1 столбец CurrencyCode => отображается только код;
  • 1 столбец кода + 8 столбцов значений + 9 столбец CurrencyCode => сеткасломан.
...