Ext Grid是一種強大的數據表格控件，可以方便地在Web頁面上展示數據。Ext Grid支持從JSON數據源中加載數據，這種數據源的格式為Ext JSON。下面我們來看一下如何使用Ext Grid依據JSON數據渲染表格。

首先，我們需要定義一個具有columnModel、store、和renderTo屬性的Ext Grid：

var myGrid = new Ext.grid.GridPanel({
columnModel: new Ext.grid.ColumnModel({
columns: [ // 這里定義列的信息
{header: '列1', dataIndex: 'field1', width: 100},
{header: '列2', dataIndex: 'field2', width: 200},
{header: '列3', dataIndex: 'field3', width: 150}
]
}),
store: new Ext.data.JsonStore({
url: 'mydata.json', // 數據源的地址
root: 'myRoot', // JSON的根節點
fields: ['field1', 'field2', 'field3'] // 定義字段
}),
renderTo: 'myDiv' // 表格渲染的位置
});

接下來，我們需要定義JSON數據源（mydata.json）：

{
"myRoot": [
{"field1": "A1", "field2": "B1", "field3": "C1"},
{"field1": "A2", "field2": "B2", "field3": "C2"},
{"field1": "A3", "field2": "B3", "field3": "C3"}
]
}

myRoot是JSON數據的根節點，它包含了一個數組，數組中的每一個元素代表了一條數據記錄。每個記錄都包含了3個屬性：field1、field2、和field3，對應了我們在columnModel中定義的3列。

最后，我們需要把表格展示到頁面上。我們可以調用myGrid對象的render方法，把表格渲染到一個指定的HTML元素（例如id為myDiv的div）中：

myGrid.render('myDiv');

現在，我們就成功地使用Ext Grid依據JSON數據渲染了一個表格！