Bootstrap Table Sticky Header

Die Sticky-Header-Erweiterung der Bootstrap Table.

Dies ist eine Erweiterung, die einen fixierten Header für die Tabelle beim Scrollen bereitstellt.

Verwendung

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

Beispiel

Sticky Header

Optionen

stickyHeader

• Attribut: data-sticky-header

• Typ: Boolean

• Detail:

  Setzen Sie true, um einen fixierten Header zu verwenden.

• Standard: false

stickyHeaderOffsetLeft

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

• Typ: Number

• Detail:

  Legen Sie den linken Offset des fixierten Header-Containers fest. Wenn der body-padding-left 60px beträgt, wäre dieser Wert 60.

• Standard: 0

stickyHeaderOffsetRight

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

• Typ: Number

• Detail:

  Legen Sie den rechten Offset des fixierten Header-Containers fest. Wenn der body-padding-right 60px beträgt, wäre dieser Wert 60.

• Standard: 0

stickyHeaderOffsetY

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

• Typ: Number

• Detail:

  Legen Sie den Y-Offset von der oberen Kante des Fensters fest, um den fixierten Header zu positionieren. Wenn es eine fixierte Navigationsleiste mit einer Höhe von 60px gibt, wäre dieser Wert 60.

• Standard: 0