基于jqueryui主题的轻量级Grid控件

 

采用jQueryui css作为grid的主题(http://jqueryui.com/themeroller/
  兼容主流浏览器:IE6+ ,firefox,chrome
  主要功能:支持冻结列
     支持复合表头
     支持点击表头排序
     支持列宽调整
     支持纯前端数据
     支持单元格显示自定义
     支持数据源自定义扩展

 

调用方法:

 

$(".grid-content").llygrid({

columns:[

{align:"center",key:"SERVICE_ID",label:"业务代码", group:"组合头1|组合头2|组合头3", width:"100"},

......

 ],

 ds:{type:"data",records:[

......

]},

limit:20,

pageSizes:[10,20,30,40],

height:200,

title:"测试列表Demo",

indexColumn:true,

querys:{name:"hello",name2:"world"},

loadMsg:"数据加载中,请稍候......"

}) ;

 

展示效果:

 

基于jqueryui主题的轻量级Grid控件_第1张图片

 

如果觉得还可以的话或者有什么建议的话,不妨说上两句

你可能感兴趣的:(JavaScript,html,jquery,UI,UI,grid)