Table Fixed Columns

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>