JQuery.bsgrid插件

插件是以jQuery的核心代码为基础，编写出符合一定规范的应用程序，并将程序进行打包，当你需要调用里面的方法时，我们仅需要包含该打包后的JS文件即可。
那该如何使用呢？我们用JQuery.bsgrid插件来为大家讲解一下，bsgrid支持json、xml数据格式，皮肤丰富并且容易定制，支持表格编辑、本地数据、导出参数构建等实用便捷的功能，容易扩展，更拥有丰富的示例以及问题反馈的及时响应。
1、插件的特点

1. 简单、轻量，实现出一个简单的表格只需要数十行代码，而且bsgrid支持大数据量表格。
2. bsgrid内置了多套经典皮肤，而且非常容易定制，bsgrid字体定制只需要修改两处CSS代码即可。
3. 非常实用便捷的功能：表格编辑、表底聚合、不分页、多行表头、多字段排序、本地数据、处理Userdata、拖动列宽、滚动表格数据等。
   4.容易与其他插件集成使用，兼容性高。
4. 扩展性好，插件有特别好的扩展性，易于对插件本身进行局部甚至较大的修改，易于改变展现样式；插件放开了属性及方法的全局修改权限，所有方法都可在外部进行全局重写，而无需修改插件本身的代码。
5. 模块化JS、CSS代码，可按需加载，代码精致简洁，对于阅读、修改、扩展非常容易。

以下是bsgrid的配置参数了：
var tbTable;
$(function () {
tbTable = $.fn.bsgrid.init(“tbTable”, {
url: “SelecttbTable”,//路径
autoLoad: false,//是否自动加载
stripeRows: true,//隔行变色
rowHoverColor: true,//划过行变色
rowSelectedColor: true,//是否显示选中行背景色
pageSize: 8,
pageSizeSelect: true,//是否选择分页页数下拉框
pagingLittleToolbar: true,//精简的图标按钮分页工具条
pagingToolbarAlign: “left”,//分页工具条的显示位置
});
searchFangfa();//调用方法
});
JS插件调用：

CSS样式调用：