表格列排序

Bootstrap 表格的表格列排序扩展。

依赖

• 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>

示例

重新排序列

选项

reorderableColumns

• 属性: data-reorderable-columns

• 类型: Boolean

• 详情

  设置为 true 以允许排序功能。

• 默认: false

dragaccept

• 属性: data-dragaccept

• 类型: String

• 详情

  仅允许拖动具有 CSS 类作为属性的行。

• 默认: null

maxMovingRows

• 属性: data-max-moving-rows

• 类型: Integer

• 详情

  仅移动头部。建议用于非常大的表格（单元格 > 1000）

• 默认: 10

事件

onReorderColumn(reorder-column.bs.table)

当列被放置时触发，接收新的头部字段顺序作为参数。

方法

orderColumns

• 参数: object 例如 {name: 0, price: 1}

• 详情

  通过给定的对象重新排序列。对象的键必须是 字段，而值是列索引（从 0 开始）。