用easyui的DataGrid來做表格，有兩種方式：

1.直接透過HTML中datagrid的配置檔案獲取資料，並填充表格；

透過<TABLE>標記建立的DataGrid。巢狀的<TH>標籤定義的列的表。

<table data-options="url:"datagrid_data.json",fitColumns:true,singleSelect:true">

<thead>

<tr>

<th data-options="field:"code",width:100">Code</th>

<th data-options="field:"name",width:100">Name</th>

<th data-options="field:"price",width:100,align:"right"">Price</th>

</tr>

</thead>

</table>

這裡的data-options的url就是在你的action中獲取資料的url，返回結果以json形式。

2.使用JavaScript建立資料表格。

HTML頁面中

<table></table>

js程式碼：

$("#dg").datagrid({

url:"datagrid_data.json",

columns:[[

{field:"code",title:"Code",width:100},

{field:"name",title:"Name",width:100},

{field:"price",title:"Price",width:100,align:"right"}

]]

});

這裡的url與前面一致，都是action中獲取資料的url，列名稱的欄位與你查詢資料json物件的欄位名稱要對應。