dataTables で検索とかの表示位置を変更する。

jQuery の dataTables は、table のデータのソートやページングや絞り込みができる高機能で便利なプラグイン。
表示件数やフィルタ入力、テーブル本体などは DOM（Document Object Model）として扱われる。
で、「画面のモックと違うから、これらの表示位置を変えて欲しい」との要望が orz
（標準のまま使えやー！）
以下の方法で DOM の位置が変えられるので備忘録として記載。

DOM の位置変更

DOMの位置を上とか下とかに変更したい場合は以下の方法を使う。
横方向は css などを使うのかな？

• l – 表示件数
• f – フィルタ入力
• t – テーブル
• i – インフォメーション
• p – ページング
• r – 処理
• < と > – div 要素
• <“クラス” と > – クラスを持つ div
• 例: <“wrapper”flipt>, <lfip>

DataTables DOM positioning example

Tweet