bootstrap table

最新推荐文章于 2022-05-01 20:41:27 发布

KingCruel

最新推荐文章于 2022-05-01 20:41:27 发布

阅读量98

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/KingCruel/article/details/119881990

版权

JavaScript 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

Bootstrap Table
表格选项
 列表选项
 事件
 方法
*
*
列头合并（方式1）

columns: [
    [{
        "title": "第一季度",
        "align": "center",
        "valign": "middle",
        "colspan": 2,
        "width": 100
    }, {
        "title": "第二季度",
        "align": "center",
        "colspan": 2,
        "width": 100
    }, {
        "title": "第三季度",
        "align": "center",
        "width": 100
    }, {
        "title": "签名",
        "align": "center",
        "valign": "middle",
        "rowspan": 2,
        "width": 100
    }],
    [{
        title: '1月',
        field: 'yuwen',
        valign: "middle",
        "align": "center",
        "width": 100
    }, {
        title: '2月',
        field: 'shuxue',
        valign: "middle",
        "align": "center",
        "width": 100
    }, {
        title: '4月',
        field: 'sell_stoch_rsi',
        valign: "middle",
        "align": "center",
        "width": 100
    }, {
        title: '5月',
        field: 'sell_stoch_rsi',
        valign: "middle",
        "align": "center",
        "width": 100
    }, {
        title: '7月',
        field: 'sell_stoch_rsi',
        valign: "middle",
        "align": "center",
        "width": 100
    }]
]

列头合并（方式2）

<table>
    <thead>
        <tr>
            <th colspan="2" data-valign="middle" data-align="center">第一季度</th>
            <th colspan="2" data-valign="middle" data-align="center">第二季度</th>
            <th colspan="2" data-valign="middle" data-align="center">第三季度</th>
            <th rowspan="2" data-valign="middle" data-align="center">年度汇总</th>
        </tr>
        <tr>
            <th>ID</th>
            <th>用户名</th>
            <th>邮箱</th>
            <th>性别</th>
            <th>城市</th>
            <th>积分</th>
        </tr>
    </thead>
</table>

*
单击一行（onClickRow）
*
双击一行（onDblClickRow）
*
单击一个单元格（onClickCell）
*
双击单元格（onDblClickCell）
*
更新一个单元格（updateCell）
*
*
*
*
*
*