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

Table Fixed Columns

Расширение для фиксированных столбцов Bootstrap Table, поддерживает фиксацию левых и правых столбцов таблицы.

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

Расширение для фиксированных столбцов позволяет фиксировать левые или правые столбцы таблицы, которые остаются видимыми при горизонтальной прокрутке таблицы, улучшая пользовательский опыт.

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

<link rel="stylesheet" href="extensions/fixed-columns/bootstrap-table-fixed-columns.css">
<script src="extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>

Примеры

Fixed Columns

Опции

fixedColumns

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

  • Тип: Boolean

  • Описание:

    Включать ли функцию фиксированных столбцов. При установке в true можно фиксировать левые или правые столбцы таблицы.

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

fixedNumber

  • Атрибут: data-fixed-number

  • Тип: Number

  • Описание:

    Количество фиксированных столбцов слева.

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

fixedRightNumber

  • Атрибут: data-fixed-right-number

  • Тип: Number

  • Описание:

    Количество фиксированных столбцов справа.

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

Примечания

  • Не поддерживает опцию detailView.
  • Не поддерживает опцию cardView.
  • Не поддерживает опцию showFooter.
  • При использовании вместе с расширением sticky-header необходимо подключать его после. Например:
<link rel="stylesheet" href="extensions/sticky-header/bootstrap-table-sticky-header.css">
<link rel="stylesheet" href="extensions/fixed-columns/bootstrap-table-fixed-columns.css">
<script src="extensions/sticky-header/bootstrap-table-sticky-header.js"></script>
<script src="extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>