zoukankan      html  css  js  c++  java
  • datatable 给某一列添加title属性

    简单描述:采用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]是直接获取到内容

  • 相关阅读:
    Web服务器安全设置
    java大文件读写操作,java nio 之MappedByteBuffer,高效文件/内存映射
    Java IO和Java NIO在文件拷贝上的性能差异分析
    Java高效读取大文件
    NIO入门之轻松读取大文件
    我来说说java的NIO
    java读取大文件 超大文件的几种方法
    @RequestBody 的正确使用办法
    友鱼项目知识点
    怎样查看Tomcat动态控制台信息
  • 原文地址:https://www.cnblogs.com/xuchao0506/p/10160742.html
Copyright © 2011-2022 走看看