Как показать большую таблицу с помощью JQuery Mobile?

Question

Мы пытаемся показать большую таблицу (более 50 столбцов и 100 строк) с использованием jQM в веб-приложении для пользователей iPAD и настольных компьютеров.

JQM отлично работает для нас, но в нашей первой возможности (чистая таблица html в делении) вертикальная прокрутка отлично работает даже с плавающим нижним колонтитулом, но таблица была усечена по горизонтали, горизонтальная прокрутка отключена. Затем мы попытались использовать разные экспериментальные прокрутки ( JQM Scrollview ), но это не работает, если мы создаем таблицу с помощью DOM.

Есть предложения? Какой лучший способ показать большие таблицы в JQM? Любая проверенная сетка для использования с JQM?

EDIT: Мы добавили пример здесь. http://oterrada.webatu.com/test.html

Answer 1

Это не совсем задокументировано, но не могли бы вы попробовать:

$('#dataContainer').scrollview(); 

Answer 2

Попробуйте мой незавершенный плагин tableview , который я использовал, используя нити адаптивные шаблоны таблиц

Нажмите на значок шестеренки справа.

Это открывает custom-jqm-select, где пользователь может решить, какие столбцы он хочет видеть.Все столбцы без класса «persist» можно переключать таким образом.В исходном коде должно быть достаточно информации, чтобы вы могли начать.Многое взято из списка JQM (фильтрация, вставка, ...), так что вы должны быть в состоянии найти дорогу, если вы знакомы с JQM.

Answer 3

Решением является добавление $ ('# dataContainer'). Scrollview (); после заполнения таблицы, но будьте осторожны, если для деления установлено значение de data-scroll = "true", потому что если оно есть, прокрутка не применяется правильно.