Ver no GitHub

Bootstrap Table Sticky Header

Extensão Sticky Header da tabela Bootstrap Table.

Nesta página

Esta é uma extensão que fornece um cabeçalho fixo para a tabela durante o rolamento.

Uso

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

Exemplo

Sticky Header

Opções

  • Atributo: data-sticky-header

  • Tipo: Boolean

  • Detalhe:

    Defina true para usar um cabeçalho fixo.

  • Padrão: false

stickyHeaderOffsetLeft

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

  • Tipo: Number

  • Detalhe:

    Define o deslocamento à esquerda do contêiner do cabeçalho fixo. Se o padding esquerdo do body for 60px, esse valor seria 60.

  • Padrão: 0

stickyHeaderOffsetRight

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

  • Tipo: Number

  • Detalhe:

    Define o deslocamento à direita do contêiner do cabeçalho fixo. Se o padding direito do body for 60px, esse valor seria 60.

  • Padrão: 0

stickyHeaderOffsetY

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

  • Tipo: Number

  • Detalhe:

    Define o deslocamento Y desde o topo da janela para fixar o cabeçalho. Se houver uma barra de navegação fixa com altura de 60px, esse valor seria 60.

  • Padrão: 0