分享一波 JSON 转表格的工具

2018-09-18 16:03:47 +08:00
 run27017
一个将 JSON 数据转化为各种表格显示的工具,支持复杂的嵌套格式,嵌套的 JSON 会以合并单元格的方式显示。

https://gitee.com/run27017/nested-json-to-table
11277 次点击
所在节点    分享创造
18 条回复
sunorg
2018-09-18 18:07:46 +08:00
data table
jqgrid
run27017
2018-09-18 18:37:26 +08:00
@sunorg 不是一种形式的轮子
sunorg
2018-09-18 19:24:57 +08:00
@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 ),嘿嘿
hucheng91
2018-09-24 07:41:21 +08:00
这个挺棒的
hucheng91
2018-09-24 07:45:47 +08:00
我觉得你这个代码设计很棒啊,meta 这个好好啊
run27017
2018-09-25 20:45:36 +08:00
@hucheng91 谢谢!还可以吧,虽然我也说不上来哪里好。就是现在还是雏形,Excel 不能转,要写 Builder 还是得花时间的。
red0range
2018-11-23 13:45:07 +08:00
nested-json 转成二维表更为常见

目前遇到一个需求,需要转为为 excel
研究代码中
red0range
2018-11-23 14:32:11 +08:00
http://www.xuxueli.com/xxl-excel/#/

坛友作品
正在参考
chinaqzxh
2019-05-08 17:28:01 +08:00
楼主,我用你这个导入 json 有的能导入 有的就是在加载 很郁闷
run27017
2019-07-27 22:45:08 +08:00
@chinaqzxh 难受。可以提 ISSUE.
BinYang
2021-01-15 09:34:50 +08:00
作品下架了吗?还想试用一下试试的。哈哈
run27017
2021-08-30 12:44:50 +08:00
@BinYang 没有啊,改地址了。不怎么上 v2ex,哈哈。

> https://github.com/yetrun/json5-to-table

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/490488

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX