View on GitHub

表格固定列

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>

示例

固定列

选项

fixedColumns

  • 属性: data-fixed-columns

  • 类型: Boolean

  • 详情:

    设置为 true 以启用固定列。

  • 默认值: false

fixedNumber

  • 属性: data-fixed-number

  • 类型: 数字

  • 详情:

    左侧固定列的数量。

  • 默认值: 0

fixedRightNumber

  • 类型: 数字

  • 详情:

    右侧固定列的数量。

  • 默认值: 0

注意事项

  • Not support detailView option.
  • Not support cardView option.
  • Not support showFooter option.
  • Need to import after sticky-header when using with sticky-header extension. For example:
<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>