问题标签 [tablesorter]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
8 回答
21791 浏览

jquery - jQuery tablesorter - AJAX 调用后功能丢失

我最近一直在试验 jQuery 的 tablesorter 插件。我已经成功地启动并运行了一次,印象非常深刻。但是,我尝试将 tablesorter 应用到不同的 table,只是遇到了一些困难......

基本上,导致问题的表格在其<ul>上方有一个用作表格的一组选项卡。因此,如果您单击其中一个选项卡,则会进行 AJAX 调用,并使用与单击的特定选项卡相关的行重新填充表格。当页面最初加载时(即在单击选项卡之前),tablesorter 功能完全按预期工作。

但是,当单击选项卡并重新填充表格时,该功能会消失,使其没有可排序功能。即使您返回原始选项卡,在单击另一个选项卡后,该功能也不会返回 - 唯一的方法是在浏览器中物理刷新页面。

我在这个站点上看到了一个与我的问题相似的解决方案,有人建议使用 jQuery 插件 livequery。我试过这个但没有用:-(

如果有人有任何建议,我将不胜感激。如果有帮助,我可以发布代码片段(尽管我知道 tablesorter 的实例化代码很好,因为它适用于没有标签的表 - 所以绝对不是那样!)

编辑: 根据要求,这里有一些代码片段:
正在排序的表是<table id="#sortableTable#">..</table>,我正在使用的表排序器的实例化代码是:

我尝试按如下方式安装 livequery:

但这并没有帮助......我不确定我是否应该将表的 id 与 livequery 一起使用,因为它是<ul>我应该响应的点击,这当然不是表本身的一部分。我尝试了多种变体,希望其中一种会有所帮助,但无济于事:-(

0 投票
1 回答
1025 浏览

asp.net - 多次点击的jQuery tablesorter扩展问题?

好的,我有一个表格,由 GridView 制作,并附加了一个表格排序器,它工作得很好。

然后我将它放在更新面板中,并添加代码以在回发时重新绑定它,这是我的脚本:

效果很好,我加载了gridview,排序工作。

  • 我点击一个发回的按钮,它工作正常。
  • 再次单击,第一次单击可以排序,排序,但它卡住了 - 在那里 - 我可以更改列,但它永远不会排序?但是之后...
  • 我再次点击,它工作正常

这继续,工作每隔一次点击......有什么想法吗?

0 投票
6 回答
31306 浏览

jquery - jQuery tablesorter + 调整列宽

是否有一个用于调整表列大小的jQuery插件,可与 tablesorter 一起使用?

0 投票
2 回答
2161 浏览

asp.net - JQuery/Javascript:asp.net 数据网格输出的客户端修改以允许表排序器工作

asp.net 数据网格的输出不包括 jquery tablesorter 工作所需的 thead 和 tbody 元素。

例如,它看起来像这样:

它需要看起来像这样:

我敲了以下 javascript 来动态插入它们,但表格仍然不可排序。我已经确认,如果我手动将 thead 和 tbody 标签直接插入到输出 html 中,表格是可排序的,但是当我尝试使用 DOM 进行排序时,它似乎不起作用。

我错过了什么?

编辑:我实际上在发布问题之前解决了这个问题,但我想我还是会继续发布它,因为它可能对其他人有用......请参阅下面的答案。

0 投票
2 回答
342 浏览

jquery - 分组表排序

我首先有带有文件夹的表格,然后是文档。我想排序以便排序适用于文件夹和文档,但希望先保留排序的文件夹,然后再排序文档。jQuery表格排序器可以吗?有什么建议么?

0 投票
9 回答
14923 浏览

jquery - jquery tablesorter + ajax div 内容更新问题

我的 tablesorter 和 ajax div 内容更新有问题。重新加载 ajax 后,所有 tablesorter 功能都将丢失。我已经尝试过 livequery,但它似乎并没有超出表格的第一个列表。

0 投票
3 回答
1483 浏览

jquery - 仅当表的第一行超过 1 列时才需要 JQuery 来选择表

我需要使用 JQuery 选择表元素并对其进行操作,但前提是它至少包含一行多于一列。以下选择器有效,但只能让我部分了解:

我尝试过但没有成功的变体是:

选择器和过滤器的哪种组合将使这项工作有效?

顺便说一句,我需要这个的原因是具有多列 sortList 的表排序器,当表输出中只有 1 列时显然会爆炸。

0 投票
3 回答
8302 浏览

jquery - jquery tablesorter 过滤器插件

我正在使用与这个出色的tablesorter 过滤器插件配对的tablesorter jquery插件。

我的页面上有一个选择框,其中包含我表中所有列的列表。当用户选择选择它时,我希望能够将过滤器限制为仅选择的列。

到目前为止,我已将一个事件附加到选择框,如下所示:

使用这样的处理程序:

这确实正确设置了过滤器列的默认值,但是当过滤器发生时,它实际上并没有使用该值。看来该插件允许您仅在构造时设置过滤列。或者我的 jquery 新手无法弄清楚如何获取我需要翻转的数据位。

0 投票
1 回答
193 浏览

jquery - 根据单元格列中的数据样本添加排序器解析器

这是这个项目的最后一部分,感谢所有帮助修改其他部分的语法的人。我正在使用 jQuery 的 tablesorter 插件。基本上,我想要完成的是让我的自定义排序函数根据它是否有一个类来选择一个表头,即“SortableHeader”。然后,它必须根据该列中的数据决定将什么元数据解析器添加到该特定列的标题中。我采用了更复杂的方法,并决定从单个单元格(例如列的第一行)中抽取数据样本,并将其与不同的模式或正则表达式进行比较,然后排序器将添加正确的元数据解析器根据比较结果,例如,如果匹配日期模式,排序器将添加日期解析器,如果匹配 URL 模式,

  1. 我不知道如何从列中选择单行,我尝试过查找,但我只找到遍历表中所有行的教程,而不是根据列标题从列中选择单行信息。

  2. 我不确定如何在 jQuery 中执行模式和/或正则表达式。例如,查找 2009 年 3 月 2 日形式的日期的日期正则表达式/模式如何在 jQuery 中查找?

我目前有以下大纲

执行排序搜索的示例标题部分将是:

我的最后一个问题是,是否有更简单的方法可以做到这一点?我想我可以从标题中获取标题并将解析器选择器作为基础,但我想避免这种情况,因为它似乎不太灵活,我必须对特定字符串进行硬编码以检查标题header 反对,并且任何实现此功能的人都只能使用那些特定的字符串作为标题的标题,以便应用特定的排序解析器。如果可以的话,我想避免这种情况。

0 投票
1 回答
2021 浏览

jquery - 如何强制 jQuery tablesorter 总是在一个方向上对列进行排序?

我有一个体育赛事的排序结果表。当我单击标题时,我总是希望从最好到最差进行排序。当我再次单击时,我不希望它反转。在某些情况下,“最佳”是最短的时间,而在其他情况下,“最佳”是最大的量(即最大重量,最长距离)。到目前为止,我运气不佳。