如何在HTML表格中分隔数据显示与可用数据?

时间:2010-12-02 22:42:28

标签: javascript html encapsulation idioms

这是一个简化的方案来切入追逐:我有一个网页,其中包含以克为单位的数据表。您可以单击表标题以按其数据对列进行排序,或单击行以突出显示它们。页面上还有一个图表,页面上的脚本将数据从表中拉出并将其用作图表的数据(这包括突出显示的行,同时在图表中突出显示行)。

现在,我已经将表中超过1000克的值除以1000并将其显示为千克,因此表中的一列有克和公斤的混合,以帮助读取数据。但是,这与上述所有中的逻辑混淆。

您认为我应该隐藏隐藏列中的机器友好(MF)数据以进行排序,并显示人性化(HF)列吗?我应该在每个表格单元格中包含MF数据吗?或者是否值得在网站上完全分离MF数据?看起来这些解决方案中的任何一个都将涉及大量重写数据检索,排序和/或图形代码。什么是封装最多的方法?

2 个答案:

答案 0 :(得分:2)

考虑将所有数据存储在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/

答案 1 :(得分:0)

假设您在数字后面显示g或kg后缀,以便人类可以确定正在呈现的单位,为什么不更新您的排序例程,以便它理解g和kg后缀并将数据标准化为克为了比较它们?