Посмотреть на GitHub

Table Mobile

Расширение для адаптивности на мобильных устройствах Bootstrap Table, реализует адаптивное отображение таблицы на мобильных устройствах.

На этой странице

Использование

<script src="extensions/mobile/bootstrap-table-mobile.js"></script>

Примеры

Mobile

Опции

checkOnInit

  • Атрибут: data-check-on-init

  • Тип: Boolean

  • Описание:

    Управляет проверкой размера окна при инициализации. При установке в true проверяет размер окна при инициализации и определяет, какой режим просмотра использовать.

  • Значение по умолчанию: true

columnsHidden

  • Атрибут: data-columns-hidden

  • Тип: String

  • Описание:

    Указывает массив полей столбцов, которые необходимо скрыть в режиме просмотра карточек.

    • В атрибуте data-*: data-columns-hidden="['name', 'description']"
    • В конфигурации JavaScript: columnsHidden: ['name', 'description']

  • Значение по умолчанию: undefined

minHeight

  • Атрибут: data-min-height

  • Тип: Integer

  • Описание:

    Устанавливает минимальный порог высоты для переключения режима просмотра таблицы.

  • Значение по умолчанию: undefined

minWidth

  • Атрибут: data-min-width

  • Тип: Integer

  • Описание:

    Устанавливает минимальный порог ширины для переключения режима просмотра таблицы.

  • Значение по умолчанию: 562

mobileResponsive

  • Атрибут: data-mobile-responsive

  • Тип: Boolean

  • Описание:

    Управляет включением функции адаптивности на мобильных устройствах. При установке в true таблица автоматически переключается между режимом просмотра карточек и режимом просмотра таблицы в зависимости от текущей ширины и высоты окна.

  • Значение по умолчанию: false