jquery - 从文本文件生成自动排序的 HTML 表格？

Question

更新

我设法使用 gabel's 生成了我的表一些小问题的建议。

这特别有用，因为我的同事只需在 Excel 中编辑 .CSV 文件。

由于演示的原因，她现在希望表格看起来像这样:

------------------------------
| FRUITS       | VEGGIES     |
------------------------------
| Banana       | Potato      |
------------------------------
| Cherry       | Pumpkin     |
------------------------------
| Orange       | Okra        |
------------------------------
| MEATS        | CARBS       |
------------------------------
| Chicken      | Bread       |
------------------------------
| Beef         | Rice        |
------------------------------
| Pork         |             |
------------------------------

有两个 thead 条目或可能有两个表，但 .CSV 文件仍然是:

FRUITS,VEGGIES,MEATS,CARBS
Banana,Potato,Chicken,Bread
...

问题

1. 我将如何解析 CSV 文件，它会在第二个逗号之后中断，然后在同一个表中创建一个新表或一个新的标题/正文集？

---

我希望生成一个 HTML 表格，实际填写数据的人的工作量尽可能少。

表格如下所示(代理示例):

------------------------------
| FRUITS       | VEGGIES     |
------------------------------
| Banana       | Potato      |
------------------------------
| Cherry       | Pumpkin     |
------------------------------
| Orange       | Okra        |
------------------------------

目前，该表是用标准 HTML 完成的，我正在使用 CSS 和 jQuery 分别为其指定特定颜色和“斑马”条纹。字母排序是手动完成的。

但是，代码设置到位后，我将代码交给的人不想编辑 HTML。她宁愿编辑一些她可以编写/编辑的文本文件(这只是 friend 的建议):

{Banana: Fruit, Potato: Veggies, Okra: Veggies... }

然后 Javascript 应该选择这个源文件，生成一个表，其中各个列自动按字母顺序排序，然后使用 CSS 布局进行斑马条纹。

问题

1. 我有 jQuery 插件。实际生成表格还需要什么？
2. 您是否建议对源文件或 CSV 文件使用上述字典结构？
3. 为了论证，当我面对 {Tomato: Fruit, Tomato: Veggies...} 的场景时会发生这种情况。这种情况有解决方法吗？

这似乎有些过分，但这是我需要完成的事情。

Answer 1

为了使用 jQuery 轻松构建表格，我建议 jQuery DataTables .它具有内置的排序功能，以及过滤、斑马着色、分页等功能。

您可以使用其 API 检索 JSON 数据并自动构建表:AJAX example .