支持json、xml数据格式,皮肤丰富并且容易定制,支持表格编辑、本地数据、导出参数构建等实用便捷的功能,容易扩展,更拥有丰富的示例以及问题反馈的及时响应。
JavaScript HTML CSS
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
builds
documention indexes Jun 21, 2018
examples
plugins v1.36 2015-06-25 功能扩展、完善示例 Jun 25, 2015
sources indexes Jun 21, 2018
CHANGE-LOG indexes Jun 21, 2018
LICENSE Initial commit Mar 25, 2014
README.md 改用域名:http://bsgrid.daoapp.io/ Dec 2, 2016
donate.html v1.39-pre 2018-04-16 BUG修复 Apr 22, 2018
index.html 1.38-preview Apr 6, 2016

README.md

jQuery.bsgrid - 简单实用、功能丰富、易扩展的jQuery Grid插件

jQuery.bsgrid,支持json、xml数据格式,皮肤丰富并且容易定制,支持表格编辑、本地数据、导出参数构建等实用便捷的功能,容易扩展,更拥有丰富的示例以及问题反馈的及时响应。

源码:Github     演示:皮肤示例文档 版本:1.38-preview   协议:Apache Licence 2   更新:2016-01-21
依赖:jQuery 1.4.4 ~~ jQuery 1.12.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,易与其他插件集成使用,示例展示了集成LayuiArtDialogjquery.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却难以上手这两者的另外一个选择。