tablesorter ajax,jquery tablesorter ajax表只排序一个方向

博客作者分享了在动态加载表格数据并使用tablesorter进行排序时遇到的问题。当更改日期范围并更新表格内容后,表头上的排序功能被触发两次,导致排序异常。为了解决这个问题,作者提出了一个解决方案:使用`setTimeout`确保数据加载完成后再进行排序,避免了tablesorter的重复初始化。这种方法确保了表格在每次数据更新后能正确排序。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我遇到了同样的问题,但设置不同,这个帖子中提到的答案没有解决我的问题。为我的方案添加解决方案,以防其他人遇到同样的问题。

我的表体行是在页面加载时从.ajax调用动态创建的,并且一列被设置为默认sortList,以在加载数据后进行排序。

根据提交新的日期范围重新填充10列中的5列。我不重建表体,而是将数据注入适当的记录,然后根据我的默认sortList求助。

我的问题是,在提交新的日期范围后,现在在标题中定义了两次tablesorter,因此单击标题会排序两次,只显示单向排序。

我的解决方案是防止tablesorter标头被初始化两次。在页面加载时,我让tablesorter对我在我设置的sortList属性中设置的一列进行排序,但是每个新的日期范围都被提交,我使用以下行来在数据加载后对我的列进行排序:

$('#mytableBody').trigger("update");

var sorting = [[5, 1]];

setTimeout(function () {$('#mytableBody').trigger('sorton', [sorting]) }, 1);

我使用setTimeout确保数据在排序之前已完全加载。

希望这有帮助。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值