カスタムビュー
Bootstrap Tableのカスタムビュー拡張機能。データの表示方法をカスタマイズできます。
説明
この拡張機能は、カスタムビューを使用してテーブルデータを表示することができ、デフォルトのテーブルビュー以外のデータ表示方法を提供します。
使用方法
<script src="extensions/custom-view/bootstrap-table-custom-view.js"></script>例
オプション
customView
-
属性:
data-custom-view -
型:
Function|Boolean -
詳細:
falseに設定するとこの拡張機能を無効にします。functionに設定するとカスタムビューをレンダリングできます。 -
デフォルト値:
false
customViewDefaultView
-
属性:
data-custom-view-default-view -
型:
Boolean -
詳細:
trueに設定すると、カスタムビューがデフォルトビューとして表示されます。 -
デフォルト値:
false
showCustomView
-
属性:
data-show-custom-view -
型:
Boolean -
詳細:
trueに設定すると、カスタムビュー切り替えボタンを表示します。 -
デフォルト値:
false
アイコン
customViewOn：- Bootstrap 3：
glyphicon glyphicon-list - Bootstrap 4：
fa fa-eye - Bootstrap 5：
bi-eye - Semantic：
fa fa-eye - Foundation：
fa fa-eye - Bulma：
fa fa-eye - Materialize：
remove_red_eye
- Bootstrap 3：
customViewOff：- Bootstrap 3：
glyphicon glyphicon-thumbnails - Bootstrap 4：
fa fa-th - Bootstrap 5：
bi-grid - Semantic：
fa fa-th - Foundation：
fa fa-th - Bulma：
fa fa-th - Materialize：
grid_on
- Bootstrap 3：
メソッド
toggleCustomView
- テーブルビューとカスタムビューの間で切り替えます。
イベント
onCustomViewPreBody
-
jQuery イベント:
custom-view-pre-body.bs.table -
パラメータ:
undefined -
詳細:
カスタムビューがレンダリングされる前にトリガーされます。
onCustomViewPostBody
-
jQuery イベント:
custom-view-post-body.bs.table -
パラメータ:
undefined -
詳細:
カスタムビューがレンダリングされた後にトリガーされます。
onToggleCustomView
- カスタムビューが切り替わったときにトリガーされます。
-
jQuery イベント:
toggle-custom-view.bs.table -
パラメータ:
state -
詳細:
カスタムビューが切り替わったときにトリガーされます：
state：新しいカスタムビューの状態（true-> カスタムビューを有効にする、false-> カスタムビューを無効にする）。
ローカライゼーション
formatToggleCustomViewOn
-
型:
Function -
デフォルト値:
function () { return "Show custom view" }
formatToggleCustomViewOff
-
型:
Function -
デフォルト値:
function () { return "Hide custom view" }