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

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 (希望可以解决问题)ma和mb文件无法正常打开,打开后是空白,但是有正常内存占用,但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
  • ¥20 腾讯企业邮箱邮件可以恢复么
  • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗?
  • ¥15 错误 LNK2001 无法解析的外部符号
  • ¥50 安装pyaudiokits失败
  • ¥15 计组这些题应该咋做呀
  • ¥60 更换迈创SOL6M4AE卡的时候,驱动要重新装才能使用,怎么解决?
  • ¥15 让node服务器有自动加载文件的功能
  • ¥15 jmeter脚本回放有的是对的有的是错的