V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
slysly759
V2EX  ›  问与答

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

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

    前言

    (忽然发现 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   ·   实用小工具   ·   1013 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 20:19 · PVG 04:19 · LAX 12:19 · JFK 15:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.