对 HTML 表进行排序，其中包含输入

Question

我想知道是否可以使用具有输入字段的 JavaScript 对表进行排序。 我发现了一个非常不错的插件，名为 DataTables，它可以完美地与基本表一起工作，但不能与具有输入的表作为字段一起工作。

还是我最好用后端编写这种排序/过滤并仅传递与请求匹配的数据？

Answer 1

为了完整起见，通过评论给出的解决方案是使用插件。 从 DataTables.net 松散地引用：

示例：实时 DOM 排序

... 使用 DOM 中可用的信息对列进行排序。 通常，DataTables 将在其初始化阶段读取要排序的信息。 这不会根据用户交互进行更新。 因此，对具有输入的列进行排序可能无法反映输入的当前值。

获取当前值

您必须在订购之前更新 DataTables 将订购的数据。 这种方法比使用 DOM 实际排序要高效得多，因为每个要排序的单元格只需要一个 DOM 查询。

Docs：排序插件——自定义数据源排序

允许完全控制要排序的数据。 通常，这用于在对表进行排序之前从 DOM 实时检索数据，以对最终用户或其他脚本可以更新的数据执行排序。

预定义的数据提取器

• <input type=text>作为字符串
• <input type=text>作为数字
• <input type=select>作为字符串
• <input type=checkbox>为 boolean