Voir sur GitHub

Bootstrap Table Vue Personnalisée

Extension Vue Personnalisée de Bootstrap Table.

Sur cette page

Description

Cette extension ajoute la possibilité de créer une vue personnalisée pour afficher les données.

Utilisation

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

Exemple

Vue Personnalisée

Options

customView

  • Attribut : data-custom-view

  • Type : Function|Boolean

  • Détail :

    Définissez sur false pour désactiver cette extension. Définissez sur function pour formater votre vue personnalisée.

  • Par défaut : false

customViewDefaultView

  • Attribut : data-custom-view-default-view

  • Type : Boolean

  • Détail :

    Définissez sur true pour afficher la vue personnalisée comme vue par défaut.

  • Par défaut : false

showCustomView

  • Attribut : data-show-custom-view

  • Type : Boolean

  • Détail :

    Définissez sur true pour afficher le bouton de bascule de vue personnalisée.

  • Par défaut : false

Icons

  • customViewOn:
    • Bootstrap3: glyphicon glyphicon-list
    • Bootstrap4: fa fa-eye
    • bootstrap5: ‘bi-eye’,
    • Semantic: fa fa-eye
    • Foundation: fa fa-eye
    • Bulma: fa fa-eye
    • Materialize: remove_red_eye
  • customViewOff:
    • Bootstrap3: glyphicon glyphicon-thumbnails
    • Bootstrap4: fa fa-th
    • bootstrap5: ‘bi-grid’,
    • Semantic: fa fa-th
    • Foundation: fa fa-th
    • Bulma: fa fa-th
    • Materialize: grid_on

Méthodes

toggleCustomView

  • Bascule la vue entre la table et la vue personnalisée.

Événements

onCustomViewPreBody

  • Événement jQuery : custom-view-pre-body.bs.table

  • Paramètre : undefined

  • Détail :

    Il se déclenche avant que la vue personnalisée ne soit rendue.

onCustomViewPostBody

  • Événement jQuery : custom-view-post-body.bs.table

  • Paramètre : undefined

  • Détail :

    Il se déclenche après que la vue personnalisée a été rendue.

onToggleCustomView

  • Il se déclenche lorsque la vue personnalisée est basculée.

  • Événement jQuery : toggle-custom-view.bs.table

  • Paramètre : state

  • Détail :

    Il se déclenche lorsque la vue personnalisée est basculée :

    • state : le nouvel état de la vue personnalisée (true-> Vue personnalisée activée, false -> Vue personnalisée désactivée )

Localisations

formatToggleCustomViewOn

  • type : Function

  • Par défaut : function () { return "Afficher la vue personnalisée" }

formatToggleCustomViewOff

  • type : Function

  • Par défaut : function () { return "Cacher la vue personnalisée" }