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


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です