Строки Kendo Grid не отображаются должным образом за пределами столбца начальной загрузки на мобильных разрешениях - PullRequest
0 голосов
/ 08 ноября 2018

У меня есть Kendo Grid, который я хотел бы быть мобильным. Меня не волнует изменение размеров столбцов, я просто хочу иметь возможность прокручивать по горизонтали и по-прежнему видеть все столбцы.

Я добавил класс начальной загрузки .table-responsive к сетке, содержащей div, но она работает только наполовину. Он добавляет горизонтальную полосу прокрутки, и я все еще могу прокручивать и видеть все столбцы на мобильном телефоне, но сетка больше не отображается должным образом за пределами главного окна / области просмотра.

Я не уверен, является ли это проблемой Кендо или Bootstrap, но я бы хотел найти решение этой проблемы.

Мне также известно, что если я установлю ширину для каждого столбца, то при рендеринге сетки Кендо добавит горизонтальную прокрутку, и она будет работать хорошо. Однако я не хочу полагаться на столбцы фиксированной ширины, я хочу, чтобы столбцы подстраивались под содержимое внутри них.

Вот как выглядит сетка на рабочем столе (вам может потребоваться щелкнуть изображение, чтобы увидеть его в полном разрешении):

enter image description here

А вот как это выглядит на мобильном телефоне. Первая картинка - это то, как она отображается при загрузке страницы. Второе изображение прокручивается горизонтально, чтобы увидеть остальную часть сетки.

enter image description here

enter image description here

Есть идеи?

...