使用jquery.dataTable时候,表头和内容不对齐,麻烦帮忙看下

var t = $('#lxu_dr_table').dataTable({
        data: returnData,
        language: trans(),
        sDom: '"top"i',
        "scrollX": true,
        // paging:true,//去掉分页
        pageLength: 10,
        autoWidth: true,
        destroy: true,
        info: true,
        columns:[{"data": "dept",title: "规则编码", },
            {"data": "mb",title: "规则名称", },
            {"data": "zgjy",title: "监督内容",
                render: function (data, type, row, meta) {
                    return "<a href='#' onclick='showDetail($(this))' title='" + data +" ' class='"+row.id+"'>" + data + "</a>";// 也可以不用a标签,用<span>
                }},
            {"data": "item1",title: "规则主题",},
            {"data": "item2",title: "规则二级主题",},
            {"data": "item3",title: "规则分类",},
            {"data": "item4",title: "规则性质",},
            {"data": "item5",title: "规则结果定性描述",},
            {"data": "item5",title: "规则逻辑",visible:getDept()},
            {"data": "item6",title: "数据来源",
                render: function (data, type, row, meta) {
                    return "<a href='#' onclick='showMerge($(this))' title='" + data +" ' class='"+row.id+"'>" + data + "</a>";
                }},
            {"data": "item6",title: "规则运行频率",svisible:getDept(),
                render: function (data, type, row, meta) {
                    return "<a href='#' onclick='showSendBack($(this))' title='" + data +" ' class='"+row.id+"'>" + data + "</a>";
                }},
            {"data": "item7",title: "规则运行时间",},
            {"data": "item8",title: "适用单位1(单位类别)",},
            {"data": "item9",title: "适用单位2(法人属性)",},
            {"data": "item10",title: "有无时间维度",},
            {"data": "item7",title: "对应末级流程名称",},
            {"data": "item8",title: "三级风险编码",},
            {"data": "item9",title: "对应制度编号",},
            {"data": "item10",title: "对应制度名称",},
            {"data": "item10",title: "有无时间维度",},
            {"data": "item7",title: "疑点辅助检查手段",},
            {"data": "item8",title: "判断值名称",},
            {"data": "item9",title: "判断值内容",},
            {"data": "item10",title: "匹配的其他业务主题",},
            {"data": "id",visible: false}] ,
        /* //自增列
         "fnDrawCallback": function () {
             this.api().column(0).nodes().each(function (cell, i) {
                 cell.innerHTML = i + 1;
             });
         },*/
        //省略
        columnDefs: [{
            "targets": [0, 1, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12,13],
            "data": "culture_title",
            "render": function (data, type, full) {
                return "<span title='" + data + "'>" + data + "</span>";// 也可以不用a标签,用<span>

            }
        }
            /* {
                 "targets": [2],
                 "data": "culture_title",
                 "render": function (data,row,type, full) {
                     console.log(row);
                    return "<a href='#' onclick='showDetail(row,\"zgjy_table\")' class='"+row.id+"'>" + data + "</a>";// 也可以不用a标签,用<span>

                 }
             }*/
        ]
    });

clipboard.png

阅读 4.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题