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

2020-05-22 16:54:49 +08:00
 tctc4869

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

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

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

890 次点击
所在节点    程序员
2 条回复
tanranran
2020-05-22 17:00:08 +08:00
tctc4869
2020-05-22 17:04:28 +08:00
@tanranran 你这个有引入第三方 js 了吧

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

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

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

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

© 2021 V2EX