layui-table多级表头-数据和表头错位问题

layui表格在设置colspan为1时可能出现数据和表头错位的问题,解决方法是在这样的列中添加colGroup属性并设置为true,确保正确显示。
摘要由CSDN通过智能技术生成

如果colspan=1的时候会导致错位

 /**
     * 初始化表格的列
     */
    ServCustmanagerKp.initColumn = function () {
   
        return [[
            {
   type: 'checkbox',fixed: 'left',rowspan:'3'},
            {
   type: 'numbers',title: '序号',fixed: 'left',rowspan:'3'},
            {
   field: 'dataMth', hide: true, title: '数据月份',rowspan:'3'},
            // {field: 'dataDt', align:"center", title: '数据日期'},
            // {field: 'instnNo', align:"center", title: '机构编码',rowspan:'3'},

            {
   align:"center", title: '客户经理信息',colspan:'4',rowspan:'2'},
            {
   align:"center", title: '营销质量管理<br/>(10分)',colspan:'2',rowspan:'2'},
            {
   align:"center", title: '贷后管理<br/>(10分)',colspan:'1',rowspan:'2'},
            {
   align:"center", title: '系统数据维护<br/>(5分)',colspan:'1',rowspan:'2',width:110},
            {
   align:"center", title: '贷款风险分类<br/>(5分)',colspan:'1',rowspan:'2',width:110},
            {
   align:"center", title: '基础客户、行业客户<br/>营销活动落实<br/>(20分)',colspan:'1',rowspan:'2',width:140},
            {
   align:"center", title: '团队协作<br/>(10分)',colspan:'1',rowspan:'2'},
            {
   align:"center", title: '产品营销保底任务考核<br/>(40分)',colspan:'5'},
            {
   field: 'hj', align:"center", title: '总分',rowspan:'3'},

            // {field: 'updateTime', align:"center", title: '更新时间'},
    
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值