jquerydatatable 获取隐藏列

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquerydatatable 获取隐藏列相关的知识,希望对你有一定的参考价值。

jquery datatable 中有一列ID已经隐藏,现在我想获取隐藏列的值,应该怎么获取呢

不太熟悉这个插件。但是我想你可以写一个function来解决这个问题:
1.不要使用aoColumnDefs来隐藏相关的列。
2.写个function(最好是写成jq的扩展方法),功能很简单,参数为列索引,遍历该表格所有行,将你传入列的td的值作为属性添加到该tr上,并隐藏该TD。这样遍历一遍后,你需要隐藏的那列的所有的值都会作为TR的一个属性存在了。
3.你需要获得该隐藏列的值的时候,直接访问TR的某个属性就可以了。

可以用数组,或者任何的东西来记录你需要隐藏的列的值,取的时候获得表格行号,根据索引去数组里取也成。
-------------------------------------------------------------
刚粗略查了一下这个插件,发现有个aoColumn中有个fnRender属性,可以对列进行渲染,比如你想进行"查看详细","修改","删除"等操作都可以用这种方法追问

哥们儿,咱能不懒么,你这儿从哪里COPY来的。

参考技术A 隐藏了,也能呢个取的 $("ID").val()本回答被提问者采纳

datatable隐藏列设置及获取隐藏列的值

    1. "columns": [ 
       
          { "data": "name" },  
                      { "data": "password" },  
                      { defaultContent: ‘<td class="caozuo">‘+  
          <span class="lookup">查看</span>  ‘+  
            ‘<span class="modify">修改</span>  ‘+  
            ‘<span class="delete">删除</span></td>‘},  
          {"data": "id","visible": false}  
                  ]
      

      由于因为该id列设置为隐藏后,在页面就没有dom节点,所以使用jquery获取不到该id的值

      使用下面的方法就可以获取到id

      1. //先拿到点击的行号
      2.  
        var rowIndex = $(this).parents("tr").index();
      3.  
        //此处拿到隐藏列的id
      4.  
        var id = $(‘#example‘).DataTable().row(rowIndex).data().id;

以上是关于jquerydatatable 获取隐藏列的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Jquery Datatables 中根据条件隐藏列?

jQuery DataTable - 隐藏列问题

无法使用可见列获取 Angular 智能表状态

jQuery DataTables - 按隐藏列排序日期

如何获取隐藏的 ID 以删除 jQuery 数据表中的记录

jQuery Datatables - 无法从隐藏页面获取输入值