EasyUI是一個基于jQuery的開源UI庫，其中的grid組件是用于數據表格展示的組件之一。通過將數據以JSON格式傳遞到grid的數據源（data）中，我們可以實現在web頁面中展示數據、對數據進行排序、篩選、分頁等一系列操作。本文將介紹如何使用easyui grid展示JSON格式的數據。

首先我們需要在頁面引入easyui的樣式和腳本文件：

<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

接著，我們需要準備好JSON格式的數據。下面是一個例子：

var data=[
{id:1,name:'小明',age:18,gender:'男'},
{id:2,name:'小紅',age:20,gender:'女'},
{id:3,name:'小剛',age:22,gender:'男'}
];

在頁面中，我們需要添加一個table元素，并為其指定一個id，這個id將在easyui grid的初始化中用到：

<table id="grid"></table>

接下來，在頁面底部添加JavaScript代碼來初始化grid：

$(function(){
$('#grid').datagrid({
columns:[[  
{field:'id',title:'編號',width:100},  
{field:'name',title:'姓名',width:100},  
{field:'age',title:'年齡',width:100},  
{field:'gender',title:'性別',width:100}  
]],
data: data,
fitColumns:true,
pagination:true
});
});

在以上代碼中，我們首先指定了grid的表頭，表頭的每一列都應該指定一個field屬性，這個屬性值對應的是數據源中的key。接下來，我們將數據源傳入grid的data屬性中，fitColumns屬性可以將表格自動適應容器的寬度，pagination屬性可以實現分頁顯示。

至此，我們已經完成了easyui grid展示JSON格式數據的過程。通過easyui的各種配置屬性，我們可以對表格進行更多的定制化操作，達到更好的展示效果。