テーブル列の並び替え

Bootstrap Tableのテーブル列の並び替えの拡張機能。

依存関係

• dragTable v2.0.14（CSSファイルをインクルードする必要があります）
• jquery-ui v1.11

使用方法

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

例

Reorder Columns

オプション

reorderableColumns

• 属性: data-reorderable-columns

• 型: boolean

• 詳細

  並べ替え機能を許可するにはtrueを設定します。

• デフォルト: false

dragaccept

• 属性: data-dragaccept

• 型: String

• 詳細

  CSSクラスを属性として持つ行のみをドラッグすることを許可します。

• デフォルト: null

maxMovingRows

• 属性: data-max-moving-rows

• タイプ: integer

• 詳細

  ヘッダーのみを移動します。非常に大きなテーブル（セルが1000を超える）に推奨されます。

• デフォルト: 10

イベント

onReorderColumn(reorder-column.bs.table)

列がドロップされたときに発生し、新しいヘッダーフィールドの順序をパラメーターとして受け取ります。

メソッド

orderColumns

• パラメーター: object 例: {name: 0, price: 1}

• 詳細

  指定されたオブジェクトによって列を並べ替えます。オブジェクトキーは field であり、値は列インデックス（0から開始）です。