Опишу несколько скриптов которые использую для создания резиновой таблицы в верстке.
- StackTable.js
Скрипт создает вторую таблицу для узких экранов (основная таблица скрывается), таблица становится в две колоноки и первая из них этоthead th
нашей основной таблицы.
Инструкция и примеры на странице скрипта StackTable.js
Тот же принцип таблицы для Angular. - Responsive Tables from ZUBR
Этот скрипт оставляет первую колонку фиксированной остальные проматываются как слайд.
Хорошая статья о задумки скрипта (на английком)
- Самый простой вариант это воспользоваться Bootstrap. Таблица срабатывает на узких экранах как в предыдущем случае но без фиксированной колонки. Все работает на чистом CSS.
- Для тех кто хочет сделать совсем крутую таблицу предлагаю по пробывать использовать этот скрипт. У него много вариаций вывода таблиц, думаю вы найдете себе лучший вариант.
- На чистом CSS
Гикая таблица на чистом CSS