当尝试按列排序时，Jquery动态加载行到表中不工作

Jquery dynamic loading of rows into a table not working when tried to sort by column

本文关键字：加载 工作 动态 Jquery 排序      更新时间：2023-09-26

我在文档准备期间调用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>');
}
………..
………….

现在，如果我们单击列标题，数据将消失。我们需要这个来对表内容进行排序。我已经尝试了一些表的静态数据，它工作得很好。但是，当我们在页面加载完成后添加行时，它不工作。

它看起来像一旦页面加载调用fixheadertable函数在另一个jquery没有被调用。任何想法?请帮助。

您可能需要在每次更新表上的数据时调用table元素上的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]       
    });
}
相关文章：