テーブルのスティッキーヘッダー

Bootstrap Table の拡張機能、テーブルのスティッキーヘッダー。

この拡張機能は、スクロール時にテーブルにスティッキーヘッダーを提供します。

使用方法

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

例

スティッキーヘッダー

オプション

stickyHeader

• 属性: data-sticky-header

• タイプ: ブーリアン

• 詳細

  true に設定するとスティッキーヘッダーを使用します。

• 初期値: false

stickyHeaderOffsetLeft

• 属性: data-sticky-header-offset-left

• タイプ: 数値

• 詳細

  スティッキーヘッダーコンテナの左のオフセットを設定します。ボディのパディングを左に 60px に設定した場合、この値は 60 になります。

• 初期値: 0

stickyHeaderOffsetRight

• 属性: data-sticky-header-offset-right

• タイプ: 数値

• 詳細

  スティッキーヘッダーコンテナの右のオフセットを設定します。ボディのパディングを右に 60px に設定した場合、この値は 60 になります。

• 初期値: 0

stickyHeaderOffsetY

• 属性: data-sticky-header-offset-y

• タイプ: 数値

• 詳細

  ウィンドウの上部からの Y オフセットを設定して、スティッキーヘッダーをピン留めします。高さが 60px の固定ナビゲーションバーがある場合、この値を 60 にします。

• 初期値: 0