Voir sur GitHub

Bootstrap Table Sticky Header

Extension Table Sticky Header de Bootstrap Table.

Sur cette page

Il s’agit d’une extension qui fournit un en-tête collant (sticky) pour le tableau lors du défilement.

Utilisation

<link rel="stylesheet" href="extensions/sticky-header/bootstrap-table-sticky-header.css">
<script src="extensions/sticky-header/bootstrap-table-sticky-header.js"></script>

Exemple

En-tête collant

Options

  • attribut : data-sticky-header

  • type : Boolean

  • Détail :

    Définissez true pour utiliser un en-tête collant.

  • Par défaut : false

stickyHeaderOffsetLeft

  • attribut : data-sticky-header-offset-left

  • type : Number

  • Détail :

    Définissez le décalage gauche du conteneur de l’en-tête collant. Si le padding gauche du body est de 60px, cette valeur serait 60.

  • Par défaut : 0

stickyHeaderOffsetRight

  • attribut : data-sticky-header-offset-right

  • type : Number

  • Détail :

    Définissez le décalage droit du conteneur de l’en-tête collant. Si le padding droit du body est de 60px, cette valeur serait 60.

  • Par défaut : 0

stickyHeaderOffsetY

  • attribut : data-sticky-header-offset-y

  • type : Number

  • Détail :

    Définissez le décalage Y à partir du haut de la fenêtre pour épingler l’en-tête collant. S’il y a une barre de navigation fixe avec une hauteur de 60px, cette valeur serait 60.

  • Par défaut : 0