在前端開發中，DATA GRID 是一個非常常見的組件，它可以方便快速地展示數據。JSON 數據是前后端交互中常用的數據格式，因此在使用 DATA GRID 中，我們常常需要處理 JSON 數據。

下面我們來介紹如何使用 DATA GRID 處理 JSON 數據。

// JSON 數據示例
var json_data = [
{"id": 1, "name": "張三", "age": 20},
{"id": 2, "name": "李四", "age": 22},
{"id": 3, "name": "王五", "age": 21}
];
// 使用 easyui 的 datagrid 渲染
$('#datagrid').datagrid({
data: json_data,  // 設置 datagrid 的數據源為 json_data
columns:[[
{field:'id',title:'編號',width:50},
{field:'name',title:'姓名',width:80},
{field:'age',title:'年齡',width:50},
]]
});

如上代碼所示，我們首先定義了一個 JSON 數據的示例，接著使用 easyui 組件中的 datagrid 進行渲染。在 datagrid 的屬性設置中，我們將數據源設置為 json_data，并定義了表格的列信息，從而展示出表格。

通過這種方式，我們可以方便快速地在前端展示 JSON 數據。