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

  • 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