javascript - 隐藏在Dynatable中的列

我希望将表替换为Dynatable，但我需要能够隐藏和显示某些列组才能这样做。我在现有的常规html表中通过为每个组分配一个组来进行此操作，例如：

<td class = "group1">cell value</td>

然后，我有一些隐藏和显示javascript函数：

function hideCol(columnClass){
      $('table .'+columnClass).each(function(index) {
        $(this).hide();
      });

      $('ul#hiddenCols').append('<li id="'+columnClass+'"><a href="javascript:;" onclick="showCol(\''+columnClass+'\');">Show '+columnClass+'</a></li>');
    }

function showCol(columnClass){
  $('table .'+columnClass).each(function(index) {
    $(this).show();
  });

  $('li#'+columnClass).remove();
    }

$(document).ready(function() {
    hideCol("Group2");
    hideCol("Group3");
    hideCol("Group4");

    $('#radio1').click(function() {
    /*$(this).parent().addClass("active").siblings().removeClass("active")*/
        showCol("Group1");
        hideCol("Group2");
        hideCol("Group3");
        hideCol("Group4");
    });

我是否可以采用一种合理而直接的方法来使Dynatable进行类似的操作？有没有一种方法可以将每个类分配给Dynatable？

非常感谢，
亚历克斯

最佳答案

有一个设置可以使每列中的数据继承列标题的类。但是，这样做时，如我在this question中提到的那样，对隐藏的列进行排序时似乎存在一个错误。

我无法使用Dynatable进行此工作，因此我切换到Datatables，在这里隐藏/排序列似乎更加稳定。

关于javascript - 隐藏在Dynatable中的列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23071705/