表格行重新排序
Bootstrap 表格的表格行重新排序扩展。
依赖：tablednd v0.9
如果你想使用默认的拖放样式，你可以包含 bootstrap-table-reorder-rows.css 文件。
使用
<link rel="stylesheet" href="extensions/reorder-rows/bootstrap-table-reorder-rows.css">
<script src=".../jquery.tablednd.js"></script>
<script src="extensions/reorder-rows/bootstrap-table-reorder-rows.js"></script>示例
选项
reorderableRows
-
属性：
data-reorderable-rows -
类型：
Boolean -
详情
设置为 true 以允许重新排序功能。
-
默认：
false
onAllowDrop
-
属性：
data-on-allow-drop -
类型：
function -
详情
传递一个当一行悬停在另一行上时被调用的函数。如果函数返回 true，则允许在该行上放下，否则不允许。该函数接受 4 个参数
- 被拖动的行的 data
- 光标下行的 data
- 被拖动的行
- 光标下的行
它返回一个布尔值：true 允许放下，false 不允许放下。
-
默认：
null
onDragStop
-
属性：
data-on-drag-stop -
类型：
function -
详情
传递一个当用户停止拖动时被调用的函数，无论行是否重新排列。该函数接受 3 个参数：表格、行 data 和用户正在拖动的行。
-
默认：
null
onDragStyle
-
属性：
data-on-drag-style -
类型：
String -
详情
这是在拖动期间分配给行的样式。对可以与行关联的样式有限制（例如，你无法很好地分配边框，虽然可以，但它不会显示）。
-
默认：
null
onDragClass
-
属性：
data-on-drag-class -
类型：
String -
详情
此类在拖动期间被添加，然后在行被放下时被移除。它比使用 onDragStyle 更灵活，因为它可以被行单元格和其他内容继承。
-
默认：
reorder-rows-on-drag-class
onDropStyle
-
属性：
data-on-drop-style -
类型：
String -
详情
这是当行被放下时分配给行的样式。对于 onDragStyle，你所能做的事情也有限制。此外，这会替换原始样式，因此再次考虑使用 onDragClass，它只是被添加，然后在放下时被移除。
-
默认：
null
onReorderRowsDrag
-
属性：
data-on-reorder-rows-drag -
类型：
Function -
详情
传递一个当用户开始拖动时被调用的函数。该函数接受 1 个参数：用户开始拖动的行。
-
默认：
空函数
onReorderRowsDrop
-
属性：
data-on-reorder-rows-drop -
类型：
Function -
详情
传递一个当行被放下时被调用的函数。该函数接受 1 个参数：被放下的行。
-
默认：
空函数
dragHandle
-
属性：
data-drag-handle -
类型：
String -
详情
这是光标元素。
注意：此选项主要用于适应
TableDnD插件。在没有特殊情况下，请不要修改默认值。 -
默认：
>tbody>tr>td:not(.bs-checkbox)
useRowAttrFunc
-
属性：
data-use-row-attr-func -
类型：
Boolean -
详情
如果你的
tr元素没有id属性，则必须使用此函数。如果你的tr元素没有id属性，则此插件不会触发 onDrop 事件。 -
默认：
false
事件
onReorderRow(reorder-row.bs.table)
当行被放下时触发，接收两个参数
- 新的表格 data
- 被放下的行
- 旧位置的行