在单击列之前,不会对TableSorter进行样式设置

时间:2019-10-04 02:58:29

标签: jquery css tablesorter

我正在使用setVersion。从功能上来说,它工作正常。当页面加载时,我不会静态加载tablesorter表,而是在静态页面加载完成后立即进行ajax调用。之所以这样做,是因为用户可以进行更改以影响此表中的数据,因此有时我需要页面中的js通过服务器的ajax重新拉动并重新加载它。

这是问题所在:建立tablesorter表之后,便不再应用样式。好像上面没有样式。但是,当我单击任何一列进行排序时,突然所有样式都会应用并按预期显示。

您可以在TableSorter jquery plugin上看到此行为的实际执行情况。点击依赖项标签以查看我的表格。至少在Chrome中,您应该看不到任何样式。然后单击任何列标题,然后观察应用的样式。

应用样式之前: clicking here

单击列标题后,样式突然被应用: enter image description here

问题:如何在最初加载样式时强制应用样式,而不必等待单击列标题?

1 个答案:

答案 0 :(得分:1)

我查看了您的html代码,当用户单击“依赖关系选项卡”时,运行以下行,然后您可以看到所应用的样式。我已在Chrome的“控制台”上进行了验证。

$('table')。trigger('sortReset');

或在页面加载时添加以下代码,单击“依赖项”选项卡时将触发sortReset,仅一次,然后删除处理程序。

$("#tabDependencies").parent().click(function() {  
  $('table').trigger('sortReset');
  $(this).off("click");
});