Как создать таблицу с фиксированным столбцом и тремя прокручиваемыми частями

Как создать таблицу HTML, похожую на картинку?
В моем случае у меня есть много полей, и я хочу, чтобы показать важные с фиксированной колонке, и показать другую деталь с прокруткой бар,
просто посмотрите на эту картину:Как создать таблицу с фиксированным столбцом и тремя прокручиваемыми частями

я нашел эта ссылка https://datatables.net/extensions/fixedcolumns/examples/initialisation/left_right_columns.html
Но это не то, что я хочу.

источник

2017-01-18 Alexander Chandra

Добавление этого в файл CSS, чтобы любой класс вы используете для этих ячеек таблицы ...

overflow-y: hidden; 
overflow-x: scroll;

Смотреть больше CSS переполнения обработки на http://www.w3schools.com/css/css_overflow.asp

источник

2017-01-18 03:52:51

с переполнением я могу просто сделать одну прокручиваемую таблицу, в отличие от изображения, которое я показываю выше (у него 3 прокручиваемой части). –

Вам нужно назначить класс CSS * для ячеек таблицы, которые вы хотите вести таким образом. что-то вроде '

Я бы рекомендовал использовать DataTables и сделать некоторые клетки имеют полосы прокрутки уже ответил на этот пост: here

Вот ссылка на jsfiddle с JQuery DataTable и Fixed COLS и горизонтальная полоса на некоторой ячейке: jsfiddlejsfiddle Кредит на это отправляется @davidkonrad из этой должности, указанной выше.

источник

2017-01-18 03:53:49 Waqas

Я использую dataTable, и это мой код данных, подобный этому http://imgur.com/a/Lh3Te ссылка, которую вы мне дали, похожа на то, что я хочу построить, но я не могу сделать ее как картинку (ее например, имея 4 стола в 1 таблице) –

Как создать таблицу с фиксированным столбцом и тремя прокручиваемыми частями

ответ

Смежные вопросы