bootstrap-table 分组

Bootstrap Table是一个功能强大的jQuery表格插件，可以用于展示和操作数据。它提供了丰富的功能和选项，其中包括分组功能。

在Bootstrap Table中，分组是将表格数据按照某个字段进行分类和分组显示的功能。通过分组，可以将相同字段值的数据归类在一起，方便用户查看和操作。

要实现分组功能，需要使用Bootstrap Table提供的group-by插件。该插件可以通过设置groupBy参数来指定要进行分组的字段。例如，如果要按照"category"字段进行分组，可以设置groupBy参数为"category"。

以下是使用Bootstrap Table分组的示例代码：

<table id="table" data-toggle="table" data-url="data.json" data-group-by="category">
  <thead>
    <tr>
      <th data-field="name">Name</th>
      <th data-field="category">Category</th>
      <th data-field="price">Price</th>
    </tr>
  </thead>
</table>

<script>
  $(function() {
    $('#table').bootstrapTable({
      groupBy: 'category'
    });
  });
</script>

在上述示例中，通过设置data-group-by属性和groupBy参数，将表格数据按照"category"字段进行分组显示。