Посмотреть на GitHub

Custom View

Расширение для пользовательского представления Bootstrap Table, позволяет настраивать способ отображения данных.

На этой странице

Описание

Это расширение позволяет отображать данные таблицы через пользовательское представление, предоставляя альтернативный способ отображения данных, отличный от стандартного табличного представления.

Использование

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

Примеры

Custom View

Опции

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
  • 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

Методы

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" }