实现步骤:
先在html的head中加入对jQuery和jQuery UI的引用:
再加入对Param Query Grid的引用:
增加脚本代码:
var obj = {};
obj.width = 700;
obj.height = 400;
obj.colModel = [{ title: "Rank", width: 100, dataType: "integer" },
{ title: "Company", width: 200, dataType: "string" },
{ title: "Revenues ($ millions)", width: 150, dataType: "float", align: "right" },
{ title: "Profits ($ millions)", width: 150, dataType: "float", align: "right" }];
obj.dataModel = { data: data };
$("#grid_array").pqGrid(obj);
});
最后,在要显示的地方加入div元素,用来显示表格:
运行就能看到效果
加入Theme皮肤的Demo
实现步骤:
js代码逻辑部分没有任何变动,哈哈。
html的head部分增加那么一句style引用,就搞定了,如下: