Table Reorder Columns

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

Зависимости

Это расширение зависит от следующих библиотек:

• dragTable v2.0.14 (необходимо также подключить CSS)
• jquery-ui v1.11

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

<link rel="stylesheet" href="dragtable.css">
<script src="jquery-ui.js"></script>
<script src="jquery.dragtable.js"></script>
<script src="extensions/reorder-columns/bootstrap-table-reorder-columns.js"></script>

Примеры

Reorder Columns

Опции

reorderableColumns

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

• Тип: Boolean

• Описание:

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

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

dragaccept

• Атрибут: data-dragaccept

• Тип: String

• Описание:

  Разрешает перетаскивание только столбцов с указанным CSS-классом.

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

maxMovingRows

• Атрибут: data-max-moving-rows

• Тип: Integer

• Описание:

  Управляет количеством строк, перемещаемых одновременно при перетаскивании. При установке в 1 перемещается только заголовок таблицы, рекомендуется использовать эту настройку для очень больших таблиц (количество ячеек > 1000) для повышения производительности.

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

События

onReorderColumn (reorder-column.bs.table)

Срабатывает при завершении перетаскивания столбца, параметр — новый порядок полей заголовка.

Методы

orderColumns

• Параметры: object, например {name: 0, price: 1}

• Описание:

  Перестраивает порядок столбцов в соответствии с переданным объектом конфигурации. Ключи объекта — это field (имя поля столбца), значения — индексы столбцов (начиная с 0).