Table Sticky Header

Table Sticky Header extension of Bootstrap Table.

This is an extension which provides a sticky header for the table when scrolling.

Usage

<script src="extensions/sticky-header/bootstrap-table-sticky-header.js"></script>

Example

Sticky Header

Options

stickyHeader

• type: Boolean

• Detail:

  Set true to use sticky header.

• Default: false

stickyHeaderOffsetY

• type: Number

• Detail:

  Set the Y offset from the top of the window to pin the sticky header. If there is a fixed navigation bar with a height of 60px, this value would be 60.

• Default: 0

stickyHeaderOffsetLeft

• type: Number | String

• Detail:

  Set the left offset of the sticky header container.

• Default: 0

stickyHeaderOffsetRight

• type: Number | String

• Detail:

  Set the right offset of the sticky header container.

• Default: 0