一个不愿透露姓名的糕 2019-07-23 19:26 采纳率: 57.1%
浏览 964
已采纳

bootstrap添加动态表头的时候,如果表头有那种两行的怎么写?

js如图大概是这样的
图片说明

比如我要让名称下面对应三个名称 A名称 B名称 C名称

这样的表头应该怎么写

如图这样的表头

图片说明

具体我要怎么实现
用的bootstraptable

也不是动态表头 是静态的表头 不知道怎么写!

  • 写回答

2条回答 默认 最新

  • 关注

    https://blog.csdn.net/LLL_liuhui/article/details/80361928

    
    columns: [
                            [{
                                title: '这是标题',
                                field: '',
                                align: 'center',
                                valign: 'middle',
                                colspan: 10
                            }],
                            [{
                                title: '这是标题1',
                                field: '',
                                align: 'center',
                                valign: 'middle',
                                colspan: 1,
                                rowspan: 2
                            }, {
                                title: '这是标题2',
                                field: '',
                                align: 'center',
                                valign: 'middle',
                                colspan: 4,
                                rowsapn: 1
                            }, {
                                title: '这是标题3',
                                field: '',
                                align: 'center',
                                valign: 'middle',
                                colspan: 5,
                                rowsapn: 1
                            }],
                            [{
                                    field: 'title1', //列ID同时也是指定要显示的数据的ID   
                                    title: '标题',
                                    width: 100,
                                    align: 'center',
                                    valign: 'middle',
                                    sortable: true
                                }, {
                                    field: 'title2', //列ID同时也是指定要显示的数据的ID   
                                    title: '标题',
                                    width: 100,
                                    align: 'center',
                                    valign: 'middle',
                                    sortable: true
                                }, {
                                    field: 'title3', //列ID同时也是指定要显示的数据的ID   
                                    title: '标题',
                                    width: 100,
                                    align: 'center',
                                    valign: 'middle',
                                    sortable: true
                                }, {
                                    field: 'title4', //列ID同时也是指定要显示的数据的ID   
                                    title: '标题',
                                    width: 100,
                                    align: 'center',
                                    valign: 'middle',
                                    sortable: true
    
                                }, {
                                    field: 'title5', //列ID同时也是指定要显示的数据的ID   
                                    title: '标题',
                                    width: 100,
                                    align: 'right',
                                    valign: 'middle',
                                    sortable: true
                                }, {
                                    field: 'title6', //列ID同时也是指定要显示的数据的ID   
                                    title: '标题',
                                    width: 100,
                                    align: 'center',
                                    valign: 'middle',
                                    sortable: true
                                },
                                {
                                    field: 'title7', //列ID同时也是指定要显示的数据的ID   
                                    title: '标题',
                                    width: 100,
                                    align: 'center',
                                    valign: 'middle',
                                    sortable: true
                                },
                                {
                                    field: 'title8', //列ID同时也是指定要显示的数据的ID   
                                    title: '标题',
                                    width: 100,
                                    align: 'center',
                                    valign: 'middle',
                                    sortable: true
                                },
    
                                {
                                    field: 'title9', //列ID同时也是指定要显示的数据的ID   
                                    title: '标题',
                                    width: 100,
                                    align: 'center',
                                    valign: 'middle',
                                    sortable: true
                                }
                            ]
                        ]
    --------------------- 
    
    

    图片说明

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵