Table Reorder Columns

Table Reorder Columns extension of Bootstrap Table.

Dependence:

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>

Example

Reorder Columns

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