如何在 HTML 表格中分开显示数据和可用数据？答案

【问题标题】：How do I separate display of data vs. usable data in an HTML table?如何在 HTML 表格中分开显示数据和可用数据？
【发布时间】：2011-05-19 10:51:39
【问题描述】：

这是一个简单的场景：我有一个网页，其中包含以克为单位的数据表。您可以单击表格标题以按数据对列进行排序，或单击行以突出显示它们。页面上还有一个图表，页面上的脚本将数据从表格中拉出并用作图表的数据（这包括突出显示的行，同时突出显示图表中的行）。

现在，我将表中超过 1000 克的值除以 1000 并显示为千克，因此表中的一列混合了克和千克，以帮助读取数据。但是，这与上述 all 中的逻辑不符。

您认为我应该将机器友好 (MF) 数据隐藏在隐藏列中以进行排序，并显示人类友好 (HF) 列吗？我应该在每个表格单元格中包含 MF 数据，用 span 标签隐藏吗？或者将网站上的 MF 数据完全解耦是否值得？似乎这些解决方案中的任何一个都将涉及大量重写数据检索、排序和/或图形代码。最封装的方法是什么？

【问题讨论】：

标签： javascript html encapsulation idioms

【解决方案1】：

考虑将所有数据存储在一个 javascript 变量中（根本不显示在页面上），然后使用一些模板库将数据输出为 HTML。看看 jquery 模板作为开始 - http://api.jquery.com/category/plugins/templates/

编辑：上面的 API 链接没有给出示例。试试这个：http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-an-introduction-to-jquery-templating/

【讨论】：

【解决方案2】：

假设您在数字后显示 g 或 kg 后缀，以便人们可以确定所显示的单位，为什么不更新您的排序例程，以便它理解 g 和 kg 后缀并将数据标准化为克，以便比较一下？

【讨论】：