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

                                [20, ‘American Intl. Group’, ‘108,905.0’, ‘10,477.0’]
                            ];

                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 id=”grid_array”></div>

运行就能看到效果

加入Theme皮肤的Demo

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

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