datatable 给某一列添加title属性

Posted 2021-01-29 xuchao0506

简单描述：采用datatable拼接的表格，没有title属性，嗯就是这个情况，直接上代码

代码：

//js代码
$("#toAdd").click("click",function () {
    var selectNodes = $(‘#table2‘).DataTable().rows(".active").nodes();
    if(selectNodes.length==0){
        layer.msg("请选择操作项!!");
        return false;
    }
    // 1.遍历dataTable，获取每页中checkbox的选中状态
    // 2.tb1添加相应行
    var nodes = $(‘#table2‘).DataTable().rows().nodes();
    for (var i = 0; i < nodes.length; i++) {
        var active = $(nodes[i]).hasClass(‘active‘);
        if (active) {
            var nowRow = $(nodes[i]);
            var trId = nowRow.attr("id");
            var tr = $(‘#table2‘).DataTable().row(i).data();//获取table2的数据
            var tb1 = $(‘#table1‘).DataTable();
            var tr8 = "<div style="display: flex; align-items: center;">
" +
                "                                    <div>
" +
                "                                        <img src="+rootPath+"assets-new/apps/img/shanchu.png
" +
                "                                             onclick="deleteProd(‘"+ trId +"‘)"
" +
                "                                             title="删除"/>
" +
                "                                    </div>
" +
                "                                </div>";
            var trNode = tb1.row.add({
                "DT_RowId": trId,
                "0": tr[1],
                "1": tr[2],
                "2": tr[3],
                "3": tr[4],
                "4": tr[5],
                "5": tr[6],
                "6": tr[7],
                "7": tr8
            }).draw().node();
            var trIndex = tb1.row(trNode).index();
            tb1.cell(trIndex, 0).node().title = tr[1];
        }

    }
    for (var i = 0; i < nodes.length; i++) {
        var active = $(nodes[i]).hasClass(‘active‘);
        if (active) {
            var nowRow = $(nodes[i]);
            var trId = nowRow.attr("id");
            $(‘#table2‘).DataTable().row(‘#‘ + trId).remove().draw();
        }
    }
    var rowCount = $("#table1").DataTable().page.info().recordsTotal;
    if (rowCount > 0) {
        document.getElementById("tableDivOne").style.display="block";//显
    }
}); 

 说明：最关键的就是绿色部分了，  .node() 是获取节点， 然后获取索引      注意cell(trIndex, 0)  其中0是你的表中的每行的第几格(从0开始的)      tr[1]是直接获取到内容