分享一波 JSON 转表格的工具 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
run27017
V2EX    分享创造

分享一波 JSON 转表格的工具

  •  
  •   run27017 2018-09-1 16:03:47 +08:00 11881 次点击
    这是一个创建于 2660 天前的主题,其中的信息可能已经有所发展或是发生改变。
    一个将 JSON 数据转化为各种表格显示的工具,支持复杂的嵌套格式,嵌套的 JSON 会以合并单元格的方式显示。

    https://gitee.com/run27017/nested-json-to-table
    18 条回复    2021-08-30 12:44:50 +08:00
    sunorg
        1
    sunorg  
       2018-09-18 18:07:46 +08:00 via Android
    data table
    jqgrid
    run27017
        2
    run27017  
    OP
       2018-09-18 18:37:26 +08:00
    @sunorg 不是一种形式的轮子
    sunorg
        3
    sunorg  
       2018-09-18 19:24:57 +08:00 via Android
    @run27017 一样支持 json
    nameryan
        4
    nameryan  
       2018-09-19 09:21:23 +08:00
    gitee 是啥,github 兄弟?
    run27017
        5
    run27017  
    OP
       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
        6
    run27017  
    OP
       2018-09-19 16:45:35 +08:00
    @nameryan 后期转到 github,谢谢!
    taurenshaman
        7
    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
        8
    run27017  
    OP
       2018-09-21 18:25:56 +08:00
    @taurenshaman 感觉很可以呀,只不过里面的 JSON 不能编辑。我正在做一个配套的网站,可以传入任意的 JSON 数组,然后转化为 HTML Table。当然,也可以导出为 Excel ( Excel 的 Builder 还没做)。
    taurenshaman
        9
    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
        10
    hucheng91  
       2018-09-24 07:41:21 +08:00 via Android
    这个挺棒的
    hucheng91
        11
    hucheng91  
       2018-09-24 07:45:47 +08:00 via Android
    我觉得你这个代码设计很棒啊,meta 这个好好啊
    run27017
        12
    run27017  
    OP
       2018-09-25 20:45:36 +08:00
    @hucheng91 谢谢!还可以吧,虽然我也说不上来哪里好。就是现在还是雏形,Excel 不能转,要写 Builder 还是得花时间的。
    red0range
        13
    red0range  
       2018-11-23 13:45:07 +08:00
    nested-json 转成二维表更为常见

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

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

    > https://github.com/yetrun/json5-to-table
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2950 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 3:27 PVG 21:27 LAX 05:27 JFK 08:27
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86