Tablesorter如何更新表头值



我使用的是Motties表分类器表,它的工作原理很有魅力。现在,我需要动态更新列标题,并可以选择更新表内容。更新内容效果良好。如何更新表分类器表的表头文本?这就是我更新表2内容的方式:

var $table = $('#table2');
$.tablesorter.clearTableBody( $table[0] );
$("#table2 tbody").append(data);
var resort = true;
$("#table2").trigger("update", [resort]);

如何仅更新表头?我想我可以这样做:

var headers= ["Banana", "Orange", "Apple", "Mango"];
$('table2 thead').html('<tr>' + headers + '</tr>');

但是它只在标题行的顶部附加一个新的标题。

更新:好的,这是我到目前为止所做的,以完全更新标题:

var hdr = new Array("Banana", "Orange", "Apple", "Mango");
var i =0;
$("#table2 thead th").each(function () {
$(this).text(hdr[i])
i++;
})

如果更新标头只是为了更改标头的内容,则使用updateHeaders

如果要添加或删除列,请使用updateAll;但如果过度使用,这种方法已被证明是不可靠的。在这种情况下,最好的解决方案是destroy表分类器实例并重新初始化它

这将是更新所有列标题的答案。组合"thead th"是更新正确标头的解决方案。

var hdr = new Array("Banana", "Orange", "Apple", "Mango");
var i =0;
$("#table2 thead th").each(function () {
$(this).text(hdr[i])
i++;
})

相关内容

  • 没有找到相关文章

最新更新