View on GitHub

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

  • attribute: data-reorderable-columns

  • type: Boolean

  • Detail:

    Set true to allow the reorder feature.

  • Default: false

dragaccept

  • attribute: data-dragaccept

  • type: String

  • Detail:

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

  • Default: null

maxMovingRows

  • attribute: data-max-moving-rows

  • type: Integer

  • Detail:

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

  • Default: 10

Events

onReorderColumn(reorder-column.bs.table)

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

Methods

orderColumns

  • parameters: object e.g. {name: 0, price: 1}

  • Detail:

    Reorders the the columns by the given object. The Object key has to be the field and the value is the column index (starts by 0).