jQuery表格插件ParamQuery简单使用方法示例(2)

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元素，用来显示表格：

复制代码 代码如下:

<div></div>

运行就能看到效果

加入Theme皮肤的Demo

实现步骤：
js代码逻辑部分没有任何变动，哈哈。
html的head部分增加那么一句style引用，就搞定了，如下：

复制代码 代码如下:

<link href="https://www.jb51.net/Content/pqgrid/pqgrid.min.css" />               <!- 这句就是增加的，其他没有任何变动...哈哈 ->
<link href="https://www.jb51.net/Content/pqgrid/themes/peach/pq-grid.css" />
<script type="text/javascript" src="https://www.jb51.net/Scripts/pqgrid.min.js" ></script>

您可能感兴趣的文章: