Как сделать адаптивные таблицы данных расширенными по умолчанию ⇐ Jquery
-
Гость
Как сделать адаптивные таблицы данных расширенными по умолчанию
Вот скрипт, который я использую для своих таблиц данных. Обычно на мобильном устройстве или экране меньшего размера каждая дочерняя строка, являющаяся столбцом, по умолчанию скрыта с помощью кнопок +, -, чтобы развернуть и увидеть их. Я могу переключить это, чтобы развернуть и скрыть функцию в каждой строке. Я хочу сохранить эту функциональность и сделать так, чтобы все строки, развернутые по умолчанию, не были скрытыми.
Вот скриншот datatable и проблема, которую я хочу решить
Как они выглядят по умолчанию, поскольку я хочу, чтобы они были развернуты по умолчанию
$(документ).ready(функция () { $('#table_id').DataTable({ "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "Все"]], «длина страницы»: 10, «информация»: ложь, «автоШирина»: ложь, «отзывчивый»: правда, язык: { 'разбивать на страницы': { 'предыдущий': '', 'следующий': '' } } }).colums.adjust().Response.recalc(); });
Вот скрипт, который я использую для своих таблиц данных. Обычно на мобильном устройстве или экране меньшего размера каждая дочерняя строка, являющаяся столбцом, по умолчанию скрыта с помощью кнопок +, -, чтобы развернуть и увидеть их. Я могу переключить это, чтобы развернуть и скрыть функцию в каждой строке. Я хочу сохранить эту функциональность и сделать так, чтобы все строки, развернутые по умолчанию, не были скрытыми.
Вот скриншот datatable и проблема, которую я хочу решить
Как они выглядят по умолчанию, поскольку я хочу, чтобы они были развернуты по умолчанию
$(документ).ready(функция () { $('#table_id').DataTable({ "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "Все"]], «длина страницы»: 10, «информация»: ложь, «автоШирина»: ложь, «отзывчивый»: правда, язык: { 'разбивать на страницы': { 'предыдущий': '', 'следующий': '' } } }).colums.adjust().Response.recalc(); });
Мобильная версия