Проблема:

У меня есть таблица, которая слишком велика, чтобы быть элементом гибкого стиля для мобильных устройств. Мое решение состояло в том, чтобы сделать файл overflow-x: auto. Отлично работает и почти так же работает с электронными таблицами в мобильных приложениях. Одна проблема: таблица может быть запутанной для чтения, поскольку заголовок находится в части offset-y. Иногда я ловлю себя на том, что прокручиваю назад, просто чтобы посмотреть, на какой столбец данных я смотрю.

Вопрос:

Есть ли способ сохранить заголовок таблицы в фиксированном положении внутри самой таблицы, используя CSS/JS - jQuery, чтобы, когда пользователь прокручивает данные, заголовок всегда отображался так, как вы ожидаете, что он будет в мобильном приложении? (Числа для Mac также делают это). Я не против использования CSS3, так как это для мобильных устройств.

Другие вещи, которые ведут себя так же

• Apple Numbers Когда вы прокручиваете вниз и заголовки должны быть вне поля зрения, они остаются фиксированными, пока вы не пройдете вверх по таблице.
• Приложение Instagram для iPhone при прокрутке канала заголовок пользователя остается в поле зрения, пока не появится новая публикация.
• Приложение «Контакты iPhone». При прокрутке списка Все контакты раздел писем, в котором вы находитесь, остается вверху, пока не появится новое письмо.

Я просто хочу убедиться, что вы, ребята, понимаете, о чем я говорю, потому что я не смог найти ничего похожего на то, что хотел сделать. Не уверен, что я ввожу неправильные условия поиска или что. Но это в значительной степени гибридный стиль между float и fixed.