jQuery easyui中DataGrid插件示例
先查看jquery easyui中datagrid插件基本界面:
基本用法:
Js代码:
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
您可能感兴趣的文章:
jQuery easyui中DataGrid插件示例
扩展easyui.datagrid,添加数据loading遮罩效果代码
jquery easyui开发几点总结
Jquery EasyUI中弹出确认对话框
jquery easyui中datagrid工具栏靠右浮动
DataGrid jQuery Plugin
jquery easyUI创建分组属性编辑器
Jquery easyui之datagird查询框扩展示例
jquery easyui 分页的使用方法
Jquery EasyUI中弹出确认对话框以及加载效果示例代码