在 GitHub 上查看

表格分组 v2

Bootstrap 表格的表格分组 v2 扩展。

用法

<link rel="stylesheet" href="extensions/group-by-v2/bootstrap-table-group-by.css">
<script src="extensions/group-by-v2/bootstrap-table-group-by.js"></script>

示例

分组 v2

选项

groupBy

  • 属性: data-group-by

  • 类型: 布尔值

  • 详细

    设置为 true 以按传递的字段对数据进行分组。

  • 默认值: false

groupByField

  • 属性: data-group-by-field

  • 类型: 字符串 | 数组

  • 详细

    设置要按其对数据进行分组的字段名称。对于单个字段,请使用 字符串,例如 shape。对于多个字段,请使用 数组,例如 ["shape", "color"]

  • 默认值: ''

groupByFormatter

  • 属性: data-group-by-formatter

  • 类型: 函数

  • 详细

    分组行格式化程序函数,接受三个参数

    • value: 分组的值。
    • idx: 分组的索引。
    • data: 分组中行的数组。
  • 默认值: undefined

groupByToggle

  • 属性: data-group-by-toggle

  • 类型: 布尔值

  • 详细

    设置为 true 以允许折叠/展开组。

  • 默认值: false

groupByShowToggleIcon

  • 属性: data-group-by-show-toggle-icon

  • 类型: 布尔值

  • 详细

    设置为 true 以显示组折叠或展开时的图标 (参见 groupByToggle)。

  • 默认值: false

groupByCollapsedGroups

  • 属性: data-group-by-collapsed-groups

  • 类型: 数组 | 函数

  • 详细

    所有组键 (位于此数组中将默认情况下处于折叠状态。此选项的值可以是

    • 一个变量 (数组)
    • 一个数组字符串,例如 ["circle"]
    • 一个函数 (返回一个数组),它接受以下参数
      • 组键
      • 组的条目
  • 默认值: []