javascript - 尝试按列排序时，将行动态加载到表中不起作用

Question

我在准备好文档期间调用 fixheadertable jquery。之后，我们将根据一些搜索结果向表中添加动态行 (id=test)。代码：

$(document).ready(function(){
    $("#test").fixheadertable({
        caption : '',
        colratio : [50, 50, 50, 50]       
    });
}

当我们输入搜索条件时，将执行以下代码。这会将结果添加到表中。

…………..
for ( var i = 0; i<size; i++) {
    $("#test").append('<tr><td>'+i.col1+'</td></tr><tr><td>'+i.col2+'</td></tr>');
}
………..
………….

现在，如果我们单击列标题，数据就会消失。我们需要它来对表格内容进行排序。我已经尝试使用表的一些静态数据，并且效果很好。但是当我们在页面加载完成后添加行时它不起作用。

看起来一旦加载页面，就不会调用另一个 jquery 中对 fixheadertable 函数的调用。任何想法？请帮忙。

Answer 1

每次更新表格上的数据时，您可能需要在表格元素上调用 fixheadertable() 包装方法，而不仅仅是在文档准备好时。

试试看.......

function populateData(){
    .....................
    for ( var i = 0; i<size; i++) {
         $("#test").append('<tr><td>'+i.col1+'</td></tr><tr><td>'+i.col2+'</td></tr>');
    }

    $("#table").fixheadertable({
        caption : '',
        colratio : [50, 50, 50, 50]       
    });
}