View on GitHub

表格列重新排序

Bootstrap Table 的列重新排序扩展。

依赖:

使用方法

<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

  • 类型: 整数

  • 详情:

    仅移动标题。建议用于非常大的表格(单元格 > 1000)。

  • 默认值: 10

事件

onReorderColumn(reorder-column.bs.table)

当列被放置时触发,接收新的标题字段顺序作为参数。

方法

orderColumns

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

  • 详情:

    按给定的对象重新排序列。 对象的键必须是字段,值是列索引(从 0 开始)。