EasyUI是一款非常流行的前端UI組件庫，它提供了很多方便快捷的界面組件，而且EasyUI的文檔也寫得非常詳細，方便我們使用。在EasyUI中，我們有時需要顯示嵌套的JSON數據，比如Ajax從后臺獲取到的數據，這時我們可以使用EasyUI的treegrid組件來展示。

在進行JSON數據嵌套顯示之前，我們先來了解下什么是treegrid。treegrid是一種類似于表格的組件，不僅可以顯示簡單的表格數據，還可以按照樹形結構來展示數據。treegrid的每個節點都可以包含多個子節點，這種嵌套的結構非常適合展示有層級關系的數據。

下面讓我們來看一段使用EasyUI顯示嵌套JSON數據的代碼：

// JSON數據格式如下
var data = [{
"id": "1",
"name": "根節點",
"children": [{
"id": "2",
"name": "子節點1"
},
{
"id": "3",
"name": "子節點2",
"children": [{
"id": "4",
"name": "子節點2.1"
}]
}
]
}];
// EasyUI的treegrid組件
$("#treegrid").treegrid({
data: data,
idField: 'id',
treeField: 'name',
columns: [[
{field:'name', title:'名稱', width:100},
{field:'id', title:'ID', width:100},
]]
});

我們可以看到，treegrid的使用非常簡單，首先通過id選擇器選中treegrid組件，然后使用data屬性來設置數據，idField屬性和treeField屬性用來指定數據中的ID和名稱，columns屬性用來指定表格的列。

通過上面的代碼，我們就可以方便地將嵌套的JSON數據以樹形結構的形式展示出來了。