0

所以我使用 jquery.tablesorter.js 2.0 这很好。但是，我现在添加了子行，这意味着为了保持排序工作，我还必须使用 jquery.tablesorter.mod.js，它提供了一种机制，可以在排序时使子行粘在父行上。这也像宣传的那样工作。

问题是我需要能够使用 ajax 动态刷新这些子行，因为子行用于显示现有注释或新注释行。当用户输入新笔记时，保存会刷新该行并将其作为现有笔记返回。删除现有评论时，保存会刷新行，以便删除的注释消失。

为了帮助描绘我在这里尝试做的事情，这是带有子行现有注释的表格的样子。

在此处输入图像描述

为了完成这些行的动态刷新，我不得不将它们包装在 <tbody> 标记中，因为我似乎只能刷新元素的内容，而不是元素本身。所以行是tbody的内容。

如果没有行排序，这种行的动态刷新效果很好。如果没有行的动态刷新，表格排序效果很好。任何人都可以让我了解我如何能够使它们一起工作吗？

如果我可以使用 jquery ajax 在不使用 <tbody> 标记的情况下刷新整个表格行，那将使我的所有问题都消失，但我也愿意修改 tablesorter.js 或 tablesorter.mod.js 或使用不同的表格完全排序脚本。

这就是我的表格的基本 HTML 的样子。

<table class=sortable>
  <thead><th>Column Header</th></thead>
  <tr><td>Parent Row</td></tr>
  <tbody>
    <tr><td>Child Row</td></tr>
  </tbody>
</table>
4

1 回答 1

2

我最终通过去掉 <tbody> 标记并将子“行”的内容放在行内的 <td> 中解决了这个问题。像这样。

<table class=sortable>
  <thead><th>Column Header</th></thead>
  <tr><td>Parent Row</td></tr>
  <tr><td id=childrow><div>blah blah blah</div></td></tr>
</table>

这样我可以重新加载 <td> 的内容，而不会用 tbodies 弄乱表 dom。

于 2013-09-19T22:14:23.833 回答