读书人

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

发布时间: 2012-11-03 10:57:43 作者: rapoo

基于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控件

?

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

读书人网 >Web前端

热点推荐