bootstrap-table_

Bootstrap-table是一个用于创建响应式表格的jQuery插件，它提供了丰富的功能和灵活的配置选项。

Bootstrap Table 是一个基于 Bootstrap 的 HTML、CSS 和 JavaScript 表格插件，它提供了丰富的功能和样式，可以方便地创建和管理表格，在 Bootstrap Table 中，可以使用小标题（subtitle）和单元表格（cell table）来增强表格的可读性和美观性。

1、使用小标题：

在 Bootstrap Table 中，可以通过设置 subtitle 属性为 true 来启用小标题。

<table id="example" class="table tablestriped" datatoggle="table" dataurl="data.json" datapagination="true" datasidepagination="server" datapagesize="10" datasearch="true" datashowrefresh="true" datashowtoggle="true" datashowcolumns="true" datashowexport="true" dataclicktoselect="true" datadetailformatter="detailFormatter" dataminimumcountcolumns="2" datashowsubtitle="true">
    <thead>
        <tr>
            <th datafield="id">ID</th>
            <th datafield="name">姓名</th>
            <th datafield="age">年龄</th>
        </tr>
    </thead>
    <tbody>
        <!数据行 >
    </tbody>
</table>

2、使用单元表格：

在 Bootstrap Table 中，可以通过设置 cell 属性为 true 来启用单元表格。

<table id="example" class="table tablestriped" datatoggle="table" dataurl="data.json" datapagination="true" datasidepagination="server" datapagesize="10" datasearch="true" datashowrefresh="true" datashowtoggle="true" datashowcolumns="true" datashowexport="true" dataclicktoselect="true" datadetailformatter="detailFormatter" dataminimumcountcolumns="2" datacell="true">
    <thead>
        <tr>
            <th datafield="id">ID</th>
            <th datafield="name">姓名</th>
            <th datafield="age">年龄</th>
        </tr>
    </thead>
    <tbody>
        <!数据行 >
    </tbody>
</table>

通过结合使用小标题和单元表格，可以使表格更加清晰、易读和美观。