EasyUI 是一套基于 jQuery 的 UI 組件庫，在使用 EasyUI 渲染 JSON 數據時非常方便，本文將介紹 EasyUI 渲染 JSON 的方法。

首先，我們先來看一個 JSON 數據示例：

{
"success":true,
"rows":[{
"id":"1",
"name":"張三",
"age":18,
"gender":"男"
},{
"id":"2",
"name":"李四",
"age":20,
"gender":"女"
}],
"total":2
}

我們將使用 EasyUI 的 datagrid 組件來渲染這個 JSON 數據，代碼如下：

<table id="dg"></table>
<script>
$(function(){
$('#dg').datagrid({
url: 'data.json', // 從數據文件加載數據
columns:[[    // 定義數據列
{field:'id',title:'ID',width:100},
{field:'name',title:'姓名',width:100},
{field:'age',title:'年齡',width:100},
{field:'gender',title:'性別',width:100}
]],
pagination: true,    // 顯示分頁欄
rownumbers: true,    // 顯示行號
striped: true,       // 斑馬線效果
loadMsg: '正在加載數據，請稍候……',
queryParams: {        // 加載數據時傳遞的參數
page: 1,
rows: 10
}
});
});
</script>

在這個例子中，我們將 JSON 數據放在 data.json 文件中，并從中加載數據，然后定義了數據列、分頁欄、行號等。其中，queryParams 屬性用于傳遞加載數據時的參數，page 代表當前頁碼，rows 代表每頁顯示的行數。

通過這個例子，我們可以看到 EasyUI 渲染 JSON 數據非常簡單，只需使用 datagrid 組件就可以實現。