我使用的是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++;
})