jqgrid使用生成表格

Posted spinoza

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jqgrid使用生成表格相关的知识,希望对你有一定的参考价值。

1.引入js,css

技术分享图片

2,基本配置

 1 function init() {
 2     $("#list1").jqGrid({
 3         url: "../Listing.ashx",
 4         datatype: "json",   //返回值类型
 5         mtype: "post",   //请求类型
 6         colNames: ["编号", "产品名称", "描述", "价格"],
 7         colModel: [
 8             { name: "ProductID", width: 100 },
 9             { name: "Name", width: 150 },
10             { name: "Description", width: 200, align: "right" },
11             { name: "Price", width: 80, align: "right" },
12            
13         ],
14         caption: "My first grid"
15     }); 
16 }

技术分享图片

 

以上是关于jqgrid使用生成表格的主要内容,如果未能解决你的问题,请参考以下文章

Web jquery表格组件 JQGrid 的使用 - 全部代码

ASP.net MVC 代码片段问题中的 Jqgrid 实现

如何利用jqGrid表格方法重新设置caption属性值

jqgrid怎么用js改表格数据

如何利用jqGrid表格方法重新设置caption属性值

jquery.jqgrid 重新加载表格数据