テーブルの固定列

Bootstrap Tableの固定列拡張機能。テーブルの左右の列を固定できます。

固定列拡張機能は、テーブルの左側または右側の列を固定することができ、テーブルを横方向にスクロールしてもこれらの列は表示されたままになり、ユーザー体験を向上させます。

使用方法

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

例

Fixed Columns

オプション

fixedColumns

• 属性: data-fixed-columns

• 型: Boolean

• 詳細:

  固定列機能を有効にするかどうか。true に設定すると、テーブルの左側または右側の列を固定できます。

• デフォルト値: false

fixedNumber

• 属性: data-fixed-number

• 型: Number

• 詳細:

  左側の固定列の数。

• デフォルト値: 0

fixedRightNumber

• 属性: data-fixed-right-number

• 型: Number

• 詳細:

  右側の固定列の数。

• デフォルト値: 0

注意事項

• detailView オプションはサポートされていません。
• cardView オプションはサポートされていません。
• showFooter オプションはサポートされていません。
• sticky-header拡張機能と一緒に使用する場合、その後にインポートする必要があります。例：

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