javascript - 隐藏 Dynatable 中的列

Question

我希望用 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 来做类似的事情？有没有办法可以在动态表中为每个类别分配类别？

非常感谢， 亚历克斯

Answer 1

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

我无法使用 Dynatable 实现此功能，因此我切换到 Datatables ，其中隐藏/排序列似乎更加稳定。