Table Reorder Columns

Table Reorder Columns extension of Bootstrap Table.

Use Plugin: bootstrap-table-reorder-columns </br> Dependence: dragTable v2.0.14 (must include the css file), </br> jquery-ui v1.11

Usage

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

Options

reorderableColumns

  • type: Boolean

  • Detail:

    Set true to allow the reorder feature.

  • Default: false

maxMovingRows

  • type: Integer

  • Detail:

    Moving only the header. Recommended for very large tables (cells > 1000)

  • Default: 10

dragaccept

  • type: String

  • Detail:

    Allow to drag only the rows that have the css class as attribute.

  • Default: null

Events

onReorderColumn(reorder-column.bs.table)

Fired when the column was dropped, receive as parameter the new header fields order