Custom View
Custom View extension of Bootstrap Table.
Description
This extension adds the ability to create a custom view to display the data.
Usage
<script src="extensions/custom-view/bootstrap-table-custom-view.js"></script>
Example
Options
customView
-
Attribute:
data-custom-view
-
Type:
Function|Boolean
-
Detail:
Set to
false
to disable this extension.
Set tofunction
to format your custom view. -
Default:
false
showCustomView
-
Attribute:
data-show-custom-view
-
Type:
Boolean
-
Detail:
Set to
true
to show the custom view as default view. -
Default:
false
showCustomViewButton
-
Attribute:
data-show-custom-view-button
-
Type:
Boolean
-
Detail:
Set to
true
to show the custom view toggle button. -
Default:
false
Icons
- Toggle custom view:
- Bootstrap3:
glyphicon glyphicon-eye-open
- Bootstrap4:
fa fa-eye
- Semantic:
fa fa-eye
- Foundation:
fa fa-eye
- Bulma:
fa fa-eye
- Materialize:
remove_red_eye
- Bootstrap3:
Methods
toggleCustomView
- Toggles the view between the table and the custom view.
Events
onCustomViewPostBody(custom-view-post-body.bs.table)
- Fires before the custom view was rendered.
onCustomViewPreBody(custom-view-pre-body.bs.table)
- Fires after the custom view was rendered.
Localizations
formatToggleCustomView
-
type:
Function
-
Default:
function () { return "Toggle custom view" }