当前位置: 编程技术>jquery
jQuery easyui中DataGrid插件示例
来源: 互联网 发布时间：2014-10-08
本文导语: 先查看jquery easyui中datagrid插件基本界面： 基本用法： 代码示例: Js代码： 代码示例: $('#tt').datagrid({ title:'Column Group', width:560, height:250, url:'datagrid_data.json', columns:[[ ...
先查看jquery easyui中datagrid插件基本界面：
基本用法：
代码示例:
Js代码：
代码示例:
$('#tt').datagrid({
title:'Column Group',
width:560,
height:250,
url:'datagrid_data.json',
columns:[[
{field:'itemid',title:'Item ID',rowspan:2,width:80,sortable:true},
{field:'productid',title:'Product ID',rowspan:2,width:80,sortable:true},
{title:'Item Details',colspan:4}
],[
{field:'listprice',title:'List Price',width:80,align:'right',sortable:true},
{field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true},
{field:'attr1',title:'Attribute',width:100},
{field:'status',title:'Status',width:60}
]],
rownumbers:true
});
title:'Column Group',
width:560,
height:250,
url:'datagrid_data.json',
columns:[[
{field:'itemid',title:'Item ID',rowspan:2,width:80,sortable:true},
{field:'productid',title:'Product ID',rowspan:2,width:80,sortable:true},
{title:'Item Details',colspan:4}
],[
{field:'listprice',title:'List Price',width:80,align:'right',sortable:true},
{field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true},
{field:'attr1',title:'Attribute',width:100},
{field:'status',title:'Status',width:60}
]],
rownumbers:true
});
参考链接：http://jquery-easyui.wikidot.com/tutorial:datagrid9
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。