在 GitHub 上查看

表格固定列

Bootstrap 表格的固定列扩展。

使用方法

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

示例

固定列

选项

fixedColumns

  • 属性: data-fixed-columns

  • 类型: 布尔值

  • 详情

    设置为 true 以启用固定列。

  • 默认: false

fixedNumber

  • 属性: data-fixed-number

  • 类型: 数字

  • 详情

    左侧固定列的个数。

  • 默认: 0

fixedRightNumber

  • 类型: 数字

  • 详情

    右侧固定列的个数。

  • 默认: 0

注意

  • 不支持 detailView 选项。
  • 不支持 cardView 选项。
  • 不支持 showFooter 选项。
  • 需要在使用 sticky-header 扩展时导入 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>