表重新排序行

Bootstrap Table表重新排序行扩展

使用插件: bootstrap-table-reorder-rows
依赖:
tablednd v0.9,
如果你想要你可以包含bootstrap-table-reorder-rows.css文件来使用默认的dragClass

用法

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

选项

reorderableRows

  • 类型: Boolean

  • 详情:

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

  • 默认: false

onDragStyle

  • 类型: String

  • 详情:

    这是在拖动期间分配给行的样式。可以与行关联的样式存在限制(例如,您无法分配边框,但不会显示)。

  • 默认: null

onDropStyle

  • 类型: String

  • 详情:

    这是在删除行时分配给该行的样式。至于onDragStyle,你可以做的事情有局限性。这也取代了原始样式,因此请再次考虑使用onDragClass,它只是添加然后在drop上删除。

  • 默认: null

onDragClass

  • 类型: String

  • 详情:

    在拖动的持续时间内添加此类,然后在删除行时删除该类。它比使用onDragStyle更灵活,因为它可以由行单元格和其他内容继承。

  • 默认: reorder_rows_onDragClass

dragHandle

  • 类型: String

  • 详情:

    这是要使用的游标

  • 默认: null

useRowAttrFunc

  • 类型: Boolean

  • 详情:

    如果您的tr元素不具有该id属性,则必须使用此函数。如果您的tr元素没有该id属性,则此插件不会触发onDrop事件。

  • 默认: false

onReorderRowsDrag

  • 类型: Function

  • 详情:

    传递将在用户开始拖动时调用的函数。该函数有2个参数:表和用户已开始拖动的行。

  • 默认: empty function

onReorderRowsDrop

  • 类型: Function

  • 详情:

    传递将在删除行时调用的函数。该函数有2个参数:表和被删除的行。

  • 默认: empty function

活动

onReorderRow(reorder-row.bs.table)

删除行时触发,接收新数据顺序作为参数

存在的问题

  • 在搜索之后,如果用户对行重新排序,则在此之后数据未正确显示。