在单击列之前，TableSorter 不会设置样式

Question

我正在使用TableSorter jquery plugin。从功能上讲，它工作正常。我不会在页面加载时静态加载 tablesorter table，而是在静态页面加载完成后立即在 ajax 调用中加载。我这样做的原因是因为用户可以进行影响此table中数据的更改，所以有时我需要页面中的js到re-pull并通过ajax从服务器重新加载它.

这是问题所在：构建 tablesorter table 后，未应用样式。好像上面不存在任何样式。但是，一旦我单击任何要排序的列，所有样式都会突然应用并按预期显示。

您可以通过 clicking here 查看此行为的实际效果。单击 Dependencies 选项卡查看我的 table。至少在 Chrome 中，您应该看不到任何样式。然后单击任意列 header 并观察样式的应用。

应用样式之前：

单击列后 header，突然应用样式：

问题：如何在初始加载时强制应用样式，而不必等待 header 列被单击？

Answer 1

我查看了您的 html 代码，当用户单击 "Dependencies tab" 运行下面的行时，您可以看到正在应用的样式。我在 chrome "console".

上进行了验证

$('table').触发器('sortReset');

或者在页面加载时添加下面的代码，点击依赖选项卡时触发排序重置，仅一次，然后处理程序被删除。

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

在单击列之前，TableSorter 不会设置样式

TableSorter doesn't get styled until a column is clicked

css

jquery

tablesorter