jquery bsgrid，A simple jQuery Grid plugin with pagation, export and easy to expand. 一个简单易用的jQuery Grid插件，支持分页或不分页，支持json、xml数据格式，对导出友好，扩展性友好。

本插件的早期及当前版本已在多个项目中使用。

在线演示：http://bsgrid.oschina.mopaas.com/
详细介绍：http://thebestofyouth.com/project/jquery_bsgrid.html
离线文档：http://git.oschina.net/bs2004/jquery.bsgrid/raw/master/README.md.pdf

bsgrid的特点

      1，轻量级，基于jQuery及HTML Table，除了对加载数据、分页、渲染数据的简单封装外，不额外增加特别的功能；模块化JS代码，可按需加载；CSS样式精致简洁，对于扩展修改非常容易； 
  2，使用友好，对于一个简单的表格展现，仅仅数十行代码即可完成，并且支持json、xml两种数据格式；且支持友好的导出参数构建； 
  3，内置多套经典样式风格，效果参看examplesgridthemes*.html；可非常容易的修改表格使用字体大小，参看示例examplesgridthemescustom.html，仅需修改该示例样式中的两处font-size即可； 
  4，自带load加载数据遮罩，并很容易进行扩展或重写； 
  5，扩展性好，插件有特别好的扩展性，易于对插件本身进行局部甚至较大的修改，易于改变展现样式、渲染数据；插件放开了属性及方法的全局修改权限，所有方法都可在外部进行全局重写，而无需修改插件本身的代码。

引用文件：
    
    
    
    
实现代码：
    
        
            XH
            ID
            CHAR
            TEXT
            DATE
            TIME
            NUM
            Operate
        
    
    
        $(function () {
            $.fn.bsgrid.init('searchTable', {
                url: 'data/simple.json',
                // autoLoad: false,
                pageSizeSelect: true,
                pageSize: 10
            });
        });
    
        function operate(record, rowIndex, colIndex, options) {
            return 'Operate';
        }
    

您可能感兴趣的文章: