EasyUI是一種強大的JavaScript庫，可以幫助Web開發人員構建交互式用戶界面。

在EasyUI中，table是一個非常有用的組件，可以用來顯示各種數據。在本文中，我們將學習如何使用EasyUI table加載JSON數據。

$(function(){
$('#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'}
]]
});
});

在上面的代碼中，我們使用了jQuery的$(function(){})函數，該函數用于在網頁加載完畢后執行代碼。

接下來，我們調用EasyUI的datagrid函數，并傳入一個對象作為參數。在該對象中，我們設置了url屬性為數據源的JSON文件地址。

我們還設置了columns屬性，用來定義表格列的配置。在該屬性中，我們使用了一個數組，數組中的每個元素都是一個對象，用來描述一列的設置。

例如，上面的代碼中，我們定義了三列，包括code、name和price，每列都有一個field屬性用來指定該列取自JSON文件中的哪個字段。

我們還設置了title屬性來指定該列的標題，以及width屬性來設置該列的寬度。

最后，我們使用了align屬性來設置該列中的內容如何對齊，這里我們將price列的內容右對齊。

通過以上代碼，我們可以輕松地在頁面中顯示一個EasyUI table，并加載JSON數據。