Easyui是一個非常常用的前端開發(fā)框架，其中的datagrid控件可以方便地展示json數(shù)據(jù)。下面是一個演示案例：

<!-- HTML代碼 -->
<table id="datagrid"></table>
<!-- JS代碼 -->
$(function() {
$('#datagrid').datagrid({
url: 'data.json',  // json數(shù)據(jù)的文件路徑
method: 'get',
columns: [[
{field:'name', title:'姓名'},
{field:'age', title:'年齡'},
{field:'gender', title:'性別'}
]]
});
});

在以上代碼中，我們首先在HTML中定義了一個id為“datagrid”的表格。然后在JS中使用了該表格的id來初始化datagrid控件。其中的url屬性指定了json數(shù)據(jù)的文件路徑，method屬性指定了請求方式（默認(rèn)為“post”）。columns數(shù)組中定義了要顯示的列，其中的field對應(yīng)json數(shù)據(jù)中的字段名，title則是表格中對應(yīng)列頭的顯示文字。

最終，這個datagrid控件會根據(jù)提供的json數(shù)據(jù)自動展示出來。