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

Custom View

Options

customView

• Attribute: data-custom-view

• Type: Function|Boolean

• Detail:

  Set to false to disable this extension.
  Set to function 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

Methods

toggleCustomView

• Toggles the view between the table and the custom view.

Events

onCustomViewPreBody(custom-view-pre-body.bs.table)

• Fires before the custom view was rendered.

onCustomViewPostBody(custom-view-post-body.bs.table)

• Fires after the custom view was rendered.

Localizations

formatToggleCustomView

• type: Function

• Default: function () { return "Toggle custom view" }