jQuery.bsgrid,支持json、xml数据格式,皮肤丰富并且容易定制,支持表格编辑、本地数据、导出参数构建等实用便捷的功能,容易扩展,更拥有丰富的示例以及问题反馈的及时响应。
源码:Github
演示:皮肤
示例
文档
版本:1.37
协议:Apache Licence 2
更新:2016-01-21
依赖:jQuery 1.4.4 ~~ jQuery 1.11.2
支持:IE6+、Chrome、Firefox等
QQ群交流:254754154 捐助:支持长远发展,感谢您的认可!
###皮肤效果###
内置多套皮肤(点击图片查看示例页面),并可非常容易的定制皮肤[示例:Custom Blue Style]
###bsgrid的由来### 首先,解释插件名称为何叫bsgrid,是因为作者常用bs开头的字符做英文账号的缘故。bsgrid的诞生因为主流插件、框架的grid使用或扩展比较复杂,而本插件作者力图开发一款使用简单、功能实用、容易扩展的grid控件,目前已初步实现此目标。
###bsgrid的特点###
1,简单、轻量,基于jQuery及HTML Table,简单的表格只需数十行代码,支持大数据量表格;
2,内置多套经典皮肤,且非常容易定制,字体定制只需要修改两处CSS代码即可;
3,实用便捷的功能:表格编辑、
表底聚合、
不分页、
多行表头、
多字段排序、
本地数据、
处理Userdata、
拖动列宽、
滚动表格数据等;
4,易与其他插件集成使用,示例展示了集成Layui、
ArtDialog、
jquery.validationEngine、
第三方分页工具条等的使用;
5,扩展性好,插件有特别好的扩展性,易于对插件本身进行局部甚至较大的修改,易于改变展现样式;插件放开了属性及方法的全局修改权限,所有方法都可在外部进行全局重写,而无需修改插件本身的代码;
6,模块化JS、CSS代码,可按需加载,代码精致简洁,对于阅读、修改、扩展非常容易。
###关于主流Grid###
整体评论主流grid:
1,比较适用于内部系统,对于外部系统适用而言,想要改变皮肤样式,字体大小等都非常困难;
2,过度封装,造成了其扩展性能不是很好,并且其methods、properties很多,上手不容易;
3,大多数不提供多行表头、表格聚合、不分页表格、本地数据等实用却强大的功能。
分别评论几个主流grid,个人见解:
1,ExtJS,功能丰富,封装好,但属重量级产品,需要加载大体积文件,且响应速度较慢,需商业授权,一般用于内部系统;
2,DHtmlx,同样功能丰富,封装好,不过其可以根据所需要的模块进行加载,速度方面快于ExtJS,需商业授权,由于其样式不易修改,同样一般用于内部系统;
3,EasyUI,基于jQuery,语法使用jQuery,却部分地方像ExtJS的写法,在不需其源码的情况下无需商业授权,因无源码而不方便按需模块化加载,也很难改变皮肤样式;
4,jQGrid,基于jQuery,开源免费且功能特别强大,但同样其样式不易修改;
5,Flexigrid,基于jQuery,功能逊色,但轻量级,methods、properties较少,不失为想用ExtJS Grid或EasyUI Grid却难以上手这两者的另外一个选择。