教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jQuery easyui中DataGrid插件示例

jQuery easyui中DataGrid插件示例

发布时间:2015-12-29   编辑:jiaochengji.com
本文介绍了jquery easyui中使用datagrid插件的小例子,需要的朋友参考下。

先查看jquery easyui中datagrid插件基本界面:
jquery easyui中datagrid插件

基本用法:
 

复制代码 代码示例:
<table id="tt"></table>

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 
});  
 

参考链接: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中弹出确认对话框以及加载效果示例代码

关键词: datagrid  easyui  jquery easyui   
[关闭]
~ ~