V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
tctc4869
V2EX  ›  程序员

html table,有哪些少量脚本的或纯 css 的实现丰富功能的表格例子?

  •  
  •   tctc4869 · 2020-05-22 16:54:49 +08:00 · 890 次点击
    这是一个创建于 1631 天前的主题,其中的信息可能已经有所发展或是发生改变。

    许多框架都有表格组件,包含表头固定,单元格列超过长度剪切,左列固定,右列固定,行手风琴展开等,表头和表尾单元格合并等,比如 vue-element 的 table 。就有这些功能

    但是有没有纯 css 或者少量脚本实现的如上功能的例子?我在外网看到过几个列子,有些连 js 代码都没有,凭借 html5 和 css3 的特性就实现了表头固定和左右列固定等。不过还想知道有没有更好的方案来实现表头固定,单元格列超过设置长度剪切,左列固定,右列固定,行手风琴展开

    纯 css 是指格式化的 css,直接把 css 代码复制到 index.html 的 style 里就有效果。可以写 js 脚本,但是 js 代码必须尽可能少。不能引入第三方 js 组件.

    2 条回复    2020-05-22 17:04:28 +08:00
    tctc4869
        2
    tctc4869  
    OP
       2020-05-22 17:04:28 +08:00
    @tanranran 你这个有引入第三方 js 了吧
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1336 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 17:49 · PVG 01:49 · LAX 09:49 · JFK 12:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.