Как отделить отображение данных от используемых данных в таблице HTML?

Question

Это упрощенный сценарий, который можно сократить: у меня есть одна веб-страница с таблицей данных в граммах.Вы можете щелкнуть заголовок таблицы, чтобы отсортировать столбцы по их данным, или щелкнуть строки, чтобы выделить их.На странице также есть график, и скрипт на странице извлекает данные из таблицы и использует их в качестве данных для графика (включая подсвеченные строки, которые одновременно выделяют линии на графике).

Теперь я взял значения в таблице, которые превышают 1000 грамм, разделены на 1000 и отображают их как килограммы, поэтому один столбец в таблице содержит смесь граммов и килограммов для облегчения чтения данных.Однако это противоречит логике в all из вышеперечисленного.

Как вы думаете, мне следует скрыть удобные для машин данные (MF) в скрытых столбцах для сортировки и отображениядружественные (HF) столбцы?Стоит ли включать данные MF в каждую ячейку таблицы, скрытые с помощью тегов span?Или стоит полностью отделить данные МФ на сайте?Кажется, что любое из этих решений будет включать в себя тонну переписывания кода поиска, сортировки и / или построения графиков.Какой подход наиболее инкапсулирован?

Answer 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/

Answer 2

Предполагая, что вы показываете суффиксы g или kg после чисел, чтобы люди могли определить, какая единица измерения представлена, почему бы просто не обновить процедуру сортировки, чтобы она понимала суффиксы g и kg и нормализовала данные в граммах для целей сравнивая их?