JQuery 中datagrid的简单用法

看看基本界面:

 

JQuery 中datagrid的简单用法

 

 

基本用法:

 

Html代码

<table id="tt"></table>

 

Js代码 JQuery 中datagrid的简单用法

    $('#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  

      });  

 

 

 

 

 

 

 

 

 

 

基本用法: