Sigma Grid表格组件
纯 JavaScript 写的表格控件里,Sigma Grid是我挺常用的一个。它不是啥大而全的框架,但做表格展示、交互这些事儿,真还挺顺手的,适合那些不想引一堆库的项目。
内置了四套风格:Classic、Vista、Mac、XP,都是通过CSS控制的。你要是想搞点自定义样式,改起来也不难,换肤也方便。
它的单元格编辑能力也蛮灵活的,直接双击就能编辑,还支持自定义编辑器。比如你要搞个日期选择器或下拉框,都能整进去,甚至还能加数学公式,像 Excel 那种。
表头控制做得也不错,支持排序、拖动、列宽调整,还能锁定表头。如果你表格列多,这功能真的是救命。
分页、过滤、图表这些功能也有,比如你拿到一堆 JSON 数据,可以直接扔进去,它能帮你画出柱状图、饼图、折线图,嗯,还挺炫的。
数据源方面支持蛮多格式,JSON
、XML
、CSV
,甚至你手写个js 数组
它也能认。这点对接起来真省心。
浏览器兼容性也没拉垮,从IE6+到Firefox、Safari、Opera都能跑。虽然现在大多项目不太考虑 IE,但老项目里它依然有用武之地。
,导出功能也有,支持Excel、PDF、XML导出,还能加自定义按钮。如果你要让用户自己导出数据,这功能就蛮实用。
对了,我在这篇博客里放了几个例子,写得有点粗糙,不过能跑,看个意思就行啦。
如果你最近正好要做纯前端的表格系统,又不想上手太重的框架,那这个真的可以一试。
6.77MB
文件大小:
评论区