footable - 如何动态隐藏 FooTable 列？

Question

我已经尝试过这段代码，但它只工作一次，但不是每次都有效。

$('.rptEmail').attr('data-ignore','true');
$('.rptEmail').attr('data-hide','all');
 $('#ReportMainGrid').trigger('footable_redraw');

我也尝试过其他触发器，但没有任何效果。

Answer 1

我很惊讶没有其他人遇到过这个问题。在浏览代码之后，看起来行的数据属性是使用 .data() jquery 函数提取的。这个问题是（据我了解）该函数将在初始页面加载时填充。这意味着，即使您使用 .attr() 更改 data-hide 属性，.data() 仍将保留旧值。

要解决这个问题，无需接触 Footable 代码，您只需使用 .data() 函数来更改列的属性。

$("PATH_TO_TH").data("hide", "all");      //Set this to whatever you'd like
$('.footable').data('footable').reset();
$('.footable').footable();

Answer 2

如果你想使用 FooTable 函数，你可以这样做：

FooTable.get('#FooTable_ID').columns.get(col_id).visible = false;
FooTable.get('#FooTable_ID').draw();

其中 col_id 是您要使用的列的索引。

Answer 3

很抱歉加入这个非常古老的问题，但更简单的方法是通过 jquery 调用 .toggle 或 .hide/.show ：

$('table td:nth-child(1),th:nth-child(1)').hide();

上面的代码将隐藏标题和相关的列行。