希望能被广大 V2 安利一个前端表格控件== - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
slysly759
V2EX    问与答

希望能被广大 V2 安利一个前端表格控件==

  •  
  •   slysly759 2017-03-09 16:00:53 +08:00 3238 次点击
    这是一个创建于 3220 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前言

    (忽然发现 V2EX 编辑器必须要是井号加空格才能用标题。。。) 过年改写了廖雪峰的大作业 重写了 orm 弃用 vue 前后端也改为 MVVM 的形式,后期准备手撸 aiohttp (好像看了他部分源码就想放弃 不过 jinja 的部分功能想自己实现)现在就剩下后台的部分功能,比如文章评论批量管理啊, markdown 的后台编辑保存啊,消息提示什么的。因为教室网烂,买的 USB 无限上网卡时不时大姨妈(被人用),上不了知网写论文,就想来写代码。结果用默认的 jq 插件 datatable 简直丑哭我了,希望能被安利一款好用一点点的小插件。 jc 叔叔就是它丑哭我的: (网又不好了==) 

    需求

    1. 因为前端基础不太好(那本 js 权威还没看完) css 半桶水,所以 希望能有简洁 方便一点的
    2. 希望能在 bootstrap 项下,主要是懒得改样式 easy ui 的就算了
    3. 和商用系统类似 有 checkbox 操作按钮一应俱全啥的 样式漂亮的~

    后续

    1. 前端不好 希望大佬轻喷 看到 wenzhixin 写的 bootstrap-table 感觉还需要去掉好多不想用到的小功能==(看起来我好懒==)
    2. 大家一般是如何操作这类的表格控件捏 自己 DIY 或者写好一个轮子调用喵==

    Any way , thx in advance for any useful help.

    12 条回复    2020-10-09 16:23:41 +08:00
    zhuyao
        1
    zhuyao  
       2017-03-09 16:16:37 +08:00
    jqgrid
    slysly759
        2
    slysly759  
    OP
       2017-03-09 17:09:09 +08:00
    @zhuyao thx 我还是决定恶补我的前端,慢慢撸== 查了一下你的这个小插件 也挺漂亮的
    Sharuru
        3
    Sharuru  
       2017-03-09 17:20:42 +08:00   1
    datatable.js 官网自身就有 BootStrap 的 style ,直接引入就好。

    嫌弃功能多, datatable.js 官网也提供下载器,可以把没用有的组件都去掉。
    johnny23
        4
    johnny23  
       2017-03-09 17:29:13 +08:00 via iPhone
    用 jquery datatable 可以用很多样式哦 只要引入相应的库就可以了 方便的很
    slysly759
        5
    slysly759  
    OP
       2017-03-09 17:33:15 +08:00
    @Sharuru thx
    slysly759
        6
    slysly759  
    OP
       2017-03-09 17:35:55 +08:00
    @johnny23 嗯呢 我再看看官网样式库 一个月前写的 现在捡起来 都快不认识啦 同时感谢你的回复~
    lingo
        7
    lingo  
       2017-03-09 18:30:10 +08:00
    1 楼说了 jqgrid ,那我再说个 jsgrid 。。。
    slysly759
        8
    slysly759  
    OP
       2017-03-09 22:52:51 +08:00
    @lingo 刚刚去他的官网看了 demo 让我想起原先在项目实习他们做的表格插件的感觉 好舒服~ 果然能省下好多代码~ thx
    Quaintjade
        9
    Quaintjade  
       2017-03-10 00:10:32 +08:00
    JS 尽量用轮子吧,自己造轮子坑很多。
    表格最基础的坑:一个近万行的普通<table>如果直接显示,所有浏览器都会卡十几秒甚至可能崩溃。所以要么分页,要么随滚动动态添加删除行。动态增减行又得考虑滚动条的百分比处理。
    FFSephiroth
        10
    FFSephiroth  
       2019-05-14 18:33:39 +08:00
    你想要什么样的图表呢,看你的截图应该就是常见的 grid 图表,grid 图表的话市面上太多了,商业的,免费的都有。免费的 jquery datatable 算是比较知名的,不过有些老了,不太符合扁平化设计。Bootstrap 也还可以,样式不错,但是功能上都是最基本的。在其基础上有很多开源组件,各有千秋吧,个人用着玩玩还可以,如果是项目还是推荐一些商业组件,毕竟收费会有比较好的品质保证而且后续维护起来也比较方便,开源的坑太多,想要用得提前做非常深入的调研。之前项目上用了一个免费的开源组件,后来组件没人维护了,自己尝试维护后发现里面坑太多,后来再也不敢轻易选择第三方开源项目了。
    商用的话,之前项目有用过一款叫 wijmo 的组件,里面主要是功能很多很全,从 grid 到 chart,input 常用的组件里面都有,其他的都还能满足基本需求。
    powertoolsteam
        11
    powertoolsteam  
       2019-09-26 09:02:07 +08:00
    @FFSephiroth Wijmo 可以,另外还有一款[SpreadJS]( https://www.grapecity.com.cn/developer/spreadjs )更合适
    baukh789
        12
    baukh789  
       2020-10-09 16:23:41 +08:00
    可以试一下 GridManager
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2479 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 12:41 PVG 20:41 LAX 04:41 JFK 07:41
    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