在 GitHub 上檢視
Custom View
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" }