bootstrap-table/site/docs/extensions/reorder-columns.md

---

layout: docs title: Table Reorder Columns description: Table Reorder Columns extension of Bootstrap Table. group: extensions

toc: true

Dependence:

• dragTable v2.0.14 (must include the CSS file)
• jquery-ui v1.11

Usage

{% highlight html %} {% endhighlight %}

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 an 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 a parameter the new header fields order.

Methods

orderColumns

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

• Detail:

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