jQuery表格插件参数查询简单使用方法示例

实现步骤：先在超文本标记语言的头中加入对jQuery和jQuery用户界面的引用：复制代码代码如下：link rel='样式表href=' http://Ajax。谷歌api。com/Ajax/libs/jqueryui/1。9 .1/主题/基础/jquery-ui。CSS '/脚本src=' http://Ajax。谷歌api。com/Ajax/libs/jquery/1。8 .3/jquery。量滴js '/脚本！-用了加拿大链接（自适应http，https的切换),所以科学研究委员会的开头直接用了//'-脚本src=' http://Ajax。谷歌API。com/Ajax/libs/jqueryui/1。9 .1/jquery-ui。量滴js '/脚本！-同上-再加入对参数查询网格的引用：复制代码代码如下：link rel='样式表href='/Content/pqgrid/pqgrid。量滴CSS '/！-这个钢性铸铁文件必须引用，无论你是用了皮肤，还是没有用到皮肤，都要引用-脚本类型=' text/JavaScript ' src=' http :/Scripts/pqgrid。量滴js '/脚本！-这个射流研究…文件必须引用-增加脚本代码：复制代码代码如下：$(function () { var data=[ [1，]埃克森美孚',' 339,938.0 ',' 36,130.0 ',[2,'沃尔玛门店',' 315,654.0 ',' 11,231.0 ',[3,'荷兰皇家壳牌，' 306，731.0 '，' 25，311.0 '，[4，' BP '，' 267，600.0 '，' 22，341.0 '，]Group '，' 108，905.0 '，' 10，477.0 ']；var obj={ }；obj . width=700 obj . height=400 obj . col model=[{ title: ' Rank '，width: 100，dataType: 'integer' }，{ title: 'Company '，width: 200，dataType: 'string' }，{ title : '增量($百万)，宽度： 150，数据类型： '浮动'，对齐3360 '右' }，{标题3: '利润($百万)obj。DataMoDEL={ data : data }；$('#grid_array ').pqGrid(obj)；});最后，在要显示的地方加入差异元素，用来显示表格：复制代码代码如下：div id='grid_array'/div运行就能看到效果加入主题皮肤的演示

实现步骤：js代码逻辑部分没有任何变动，哈哈html。的头部分增加那么一句风格引用，就搞定了，如下：复制代码代码如下：link rel='样式表href='/Content/pqgrid/pqgrid。量滴CSS '/！-这句就是增加的，其他没有任何变动.哈哈-link rel='样式表href='/Content/pqgrid/themes/peach/pq-grid。CSS '/脚本类型=' text/JavaScript ' src=' http :/Scripts/pqgrid。量滴js /脚本