jquery数据表显示/隐藏列添加了错误的选择

时间:2016-04-14 06:38:42

标签: javascript jquery datatables

我有一个有9列的数据表。我正在使用以下两个函数来显示/隐藏我表格的某些列。

    function fnShow( iCol )
        {
            var oTable = $('#companies').dataTable();
            oTable.fnSetColumnVis( iCol, true );

        }

      function fnHide( iCol )
        {
            var oTable = $('#companies').dataTable();
            oTable.fnSetColumnVis( iCol, false );

        }

这就是基于某些条件调用这些函数显示/隐藏的方法:

    if(document.getElementById("type").value=='Dispensary Sick Bay')
        {fnShow(9);}
    else
        {fnShow(2);fnShow(3);fnShow(4);fnShow(5);}

AND

    if(document.getElementById("type").value=='Dispensary Sick Bay')
     {fnHide(9);}
      else
     {fnHide(2);fnHide(3);fnHide(4);fnHide(5);}

现在的问题是当我隐藏第2,3,4,5列时,他们关联的EDITABLE下拉列表出现在第6,7,8 9列中,现在可以接受了。:/

我在网上搜索了很多但是没找到一个相关的帖子。 :○

希望你能看到一些解决方案。

问候。

1 个答案:

答案 0 :(得分:0)

我的做法略有不同,对我有用......

我展示了所有内容,然后隐藏我不想要的东西而不是两个函数

var oTable = $('#companies').dataTable({
  "columnDefs": [
    {
      "targets": [ iCol ],
      "visible": false
    }
  ]
});