テーブルのモバイル対応

Bootstrap Tableのモバイルレスポンシブ拡張機能。モバイル端末でのテーブルのアダプティブ表示を実現します。

使用方法

<script src="extensions/mobile/bootstrap-table-mobile.js"></script>

例

Mobile

オプション

checkOnInit

• 属性: data-check-on-init

• 型: Boolean

• 詳細:

  初期化時にウィンドウサイズをチェックするかどうかを制御します。true に設定すると、初期化時にウィンドウサイズをチェックし、どのビューモードを使用するかを決定します。

• デフォルト値: true

columnsHidden

• 属性: data-columns-hidden

• 型: String

• 詳細:

  カードビューモードで非表示にする必要がある列フィールドの配列を指定します。

  • data-* 属性で使用する場合：data-columns-hidden="['name', 'description']"
  • JavaScript設定で使用する場合：columnsHidden: ['name', 'description']

• デフォルト値: undefined

minHeight

• 属性: data-min-height

• 型: Integer

• 詳細:

  テーブルがビューモードを切り替えるときの最小高さのしきい値を設定します。

• デフォルト値: undefined

minWidth

• 属性: data-min-width

• 型: Integer

• 詳細:

  テーブルがビューモードを切り替えるときの最小幅のしきい値を設定します。

• デフォルト値: 562

mobileResponsive

• 属性: data-mobile-responsive

• 型: Boolean

• 詳細:

  モバイルレスポンシブ機能を有効にするかどうかを制御します。true に設定すると、テーブルは現在のウィンドウの幅と高さに基づいて、カードビューとテーブルビューの間で自動的に切り替わります。

• デフォルト値: false