У меня есть Kendo Grid
, который я хотел бы быть мобильным. Меня не волнует изменение размеров столбцов, я просто хочу иметь возможность прокручивать по горизонтали и по-прежнему видеть все столбцы.
Я добавил класс начальной загрузки .table-responsive
к сетке, содержащей div
, но она работает только наполовину. Он добавляет горизонтальную полосу прокрутки, и я все еще могу прокручивать и видеть все столбцы на мобильном телефоне, но сетка больше не отображается должным образом за пределами главного окна / области просмотра.
Я не уверен, является ли это проблемой Кендо или Bootstrap, но я бы хотел найти решение этой проблемы.
Мне также известно, что если я установлю ширину для каждого столбца, то при рендеринге сетки Кендо добавит горизонтальную прокрутку, и она будет работать хорошо. Однако я не хочу полагаться на столбцы фиксированной ширины, я хочу, чтобы столбцы подстраивались под содержимое внутри них.
Вот как выглядит сетка на рабочем столе (вам может потребоваться щелкнуть изображение, чтобы увидеть его в полном разрешении):
А вот как это выглядит на мобильном телефоне. Первая картинка - это то, как она отображается при загрузке страницы. Второе изображение прокручивается горизонтально, чтобы увидеть остальную часть сетки.
Есть идеи?