EasyUI是一個(gè)基于jQuery的UI庫，提供了豐富的UI組件，包括datagrid、tree、combobox等等。其中，easyui json datagrid是一種使用json數(shù)據(jù)來顯示表格的datagrid組件。

<table id="dg"></table>
<script>
$('#dg').datagrid({
url: 'datagrid_data.json',
columns: [[
{field:'id',title:'ID',width:100},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'}
]]
});
</script>

在上面的代碼中，我們使用<table>標(biāo)簽創(chuàng)建了一個(gè)datagrid組件，并且通過jQuery選擇器獲取了它的DOM對(duì)象。接著，通過調(diào)用datagrid()方法，我們?cè)O(shè)置了一些屬性。其中，url屬性用來指定json數(shù)據(jù)的來源，columns屬性用來指定表格的列定義。

通過easyui json datagrid，我們可以很方便地以json格式來顯示表格數(shù)據(jù)，而且還提供了很多自定義配置的選項(xiàng)，可以滿足各種需求。