Таблицы и горизонтальная прокрутка - jQuery Mobile

Question

В настоящее время я пишу приложение, используя PhoneGap и jQuery Mobile.Одной из функций моего приложения является получение данных с веб-сайта и добавление их на страницу.Однако часть данных включает в себя таблицу, которая обрезается на моем Android (таблица слишком широка, чтобы уместиться).Решением было бы реализовать горизонтальную полосу прокрутки, но у меня возникли проблемы с этим.

Есть предложения?

РЕДАКТИРОВАТЬ: Вот как это выглядит на моб. Это не мой HTML, я форматирую.Я в основном беру HTML из успешного вызова ajax GET и выгружаю его на страницу

$('#insert').html(raw_output);

К сожалению, HTML / CSS таблицы не очень хорош.Я мог бы переписать большинство из них, используя jQuery .css, но более быстрым и функциональным решением было бы просто добавить горизонтальную полосу прокрутки, позволяющую мне увеличить расстояние между таблицами.

Answer 1

Глядя на ваши изображения, я не рекомендую горизонтальную прокрутку для вашего стола, потому что экран уже выглядит плохо и непрофессионально. Показать все детали курса на отдельной странице. Например, номер курса, время, вероятно, инструктор (может быть, все в столбце) и кнопка будут выглядеть лучше. Касание / нажатие на строку (или кнопку) приведет к ее деталям.

Answer 2

Вы можете попробовать следующее http://jsfiddle.net/9zuxH/21/

Спасибо, Филл Паффорд

Answer 3

Попробуйте поместить таблицу в div и установите css для div на «overflow: auto» или «overflow: scroll». Вы можете изменить «переполнение» на «переполнение-х» или «переполнение-у», если вы хотите, чтобы он прокручивался только в одном направлении. «Прокрутка» покажет отключенную полосу прокрутки, даже если переполнения нет; «auto» не будет ничего отображать, если нет переполнения, но покажет полосу прокрутки.