分享一波 JSON 转表格的工具

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2242 天前的主题，其中的信息可能已经有所发展或是发生改变。

一个将 JSON 数据转化为各种表格显示的工具，支持复杂的嵌套格式，嵌套的 JSON 会以合并单元格的方式显示。

https://gitee.com/run27017/nested-json-to-table

JSON

表格

嵌套

工具

18 条回复 • 2021-08-30 12:44:50 +08:00

sunorg

2018-09-18 18:07:46 +08:00 via Android

data table
jqgrid

run27017

2018-09-18 18:37:26 +08:00

@sunorg 不是一种形式的轮子

sunorg

2018-09-18 19:24:57 +08:00 via Android

@run27017 一样支持 json

nameryan

2018-09-19 09:21:23 +08:00

gitee 是啥，github 兄弟？

run27017

2018-09-19 16:44:52 +08:00

@sunorg 我试用了一下 jqgrid，首先它和 nested-json-to-table 的场景不一样：jqgrid 着眼于在网页上以表格的形式渲染 JSON 数据；而 nested-json-to-table 更加抽象，它设法通过构建 Builder 来实现真正的渲染细节，从而能够将 JSON 数据数据转化为其他格式显示，如 HTML、Excel 等。

第二点是，针对 nested 的数据，二者的想法不一样。jqgrid 要写更多的样板代码来定制如何渲染，如这个例子里说明的： http://www.ok-soft-gmbh.com/jqGrid/SubgridWithLocalGrid.htm ，它里面是通过点击一个加号来展开 nested 数据；而 nested-json-to-table 天然支持 nested 的数据，是以合并单元格的形式实现的，所谓开箱即用，不用写多余的配置代码。虽然说 nested-json-to-table 合并单元格的方式是固定的，但好在通用。试想一下，在 Excel 里面给出一个加号按钮做出展开操作该多难，倒不如合并单元格来得实在。

我只试了 jqgrid，不知道 data table 是不是一样的套路，就没试了。总结一下就是，jqgrid 更适合在 HTML 里面定制实现数据的表格展示；而 nested-json-to-table 更加注重通用的实现，也就是给你一个工具，就可以把 JSON 数据直接转化为表格结构，连表头、宽高啥的都不用定义。

run27017

2018-09-19 16:45:35 +08:00

@nameryan 后期转到 github，谢谢！

taurenshaman

2018-09-21 11:35:20 +08:00

我在用 Json-to-HTML-Table （ https://github.com/afshinm/Json-to-HTML-Table ）和 jquery.dataTables.min.js （ datatables.net ）。。。。。。
效果：
http://lore.chuci.info/taurenshaman/json/51f1391862d24101abd16b6e1221a1ca

run27017

2018-09-21 18:25:56 +08:00

@taurenshaman 感觉很可以呀，只不过里面的 JSON 不能编辑。我正在做一个配套的网站，可以传入任意的 JSON 数组，然后转化为 HTML Table。当然，也可以导出为 Excel （ Excel 的 Builder 还没做）。

taurenshaman

2018-09-22 14:08:41 +08:00

@run27017 嗯嗯，Lore 在创建 /编辑时直接用的 JSON 编辑器（ https://github.com/josdejong/jsoneditor ），浏览视图只会在一定条件下（ JSON 对象含 items 属性并且值是数组类型）引入这俩库做可视化处理，正常情况下，就是代码高亮显示格式化后的 JSON 文本（ https://github.com/yesmeck/jquery-jsonview ），嘿嘿