easyui 中的資料表格，功能齊全，強大。對於表格資料操作提供了很多方法。具體全部屬性可參考easyui官網。這裡直說一些我在專案中使用到的屬性，方法與事件。
資料表格的建立很簡單。也有兩種方法。
（1）html建立方法：

<table class='easyui-datagrid'></table>

(2)js建立方法

<!--html部分-->
<table id='dg'></table>
<!--javaScript部分-->
$(function(){
    $('#dg').datagrid({
    toolbar:'#xx'
 
,//是指工具欄的意思。使用選擇器，找到自己寫的工具欄的就可以了
    striped：true,//這個是使表格條紋化。boolean屬性，預設是false
    pagination:true,//是否顯示分頁工具欄，boolean屬性，預設是false
    singleSelect：true,//定義表格一次選中一行。
    columns:[[
        {field:'code',title:'Code',width:100},
        {field:'name',title:'Name',width:100},
        {field:'price',title:'Price',width:100,align:'right'}
    ]]
 
//這個就是顯示在表格上的表頭部分了。field屬性對應的是json資料中的key值，title屬性是顯示在表頭上的列名,這個地方之所以寫兩個中括號，這裡也是為了做更復雜的表頭而做的準備，後面會詳細說下
    })
})

至於載入資料，可以直接在js建立方法中新增url屬性。

$('#dg').datagrid({
url:'...',
})

也可以通過jquery Ajax載入資料

.ajax({
url:'...',
type:'post',
dataType:'json',
success:function(data){
$('#dg').datagrid('loadData'
 
,data.xx);
}
})