Ext JS是一款JavaScript框架，被廣泛用于Web應用程序的開發。Ext JS提供了豐富的UI組件和數據處理工具，使得開發人員可以快速構建出高質量的Web應用程序。

其中，Ext JS的Grid組件是一款非常強大的數據表格控件，支持排序、分頁、篩選等功能，并且可以很方便地與數據源進行同步。使用Ext JS的Grid組件，我們可以輕松地將JSON數據渲染到表格中。

Ext.create('Ext.grid.Panel', {
renderTo: Ext.getBody(),
store: Ext.create('Ext.data.Store', {
fields: ['name', 'email', 'phone'],
data: [
{ name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224' },
{ name: 'Bart', email: 'bart@simpsons.com', phone: '555-222-1234' },
{ name: 'Homer', email: 'homer@simpsons.com', phone: '555-222-1244' },
{ name: 'Marge', email: 'marge@simpsons.com', phone: '555-222-1254' }
]
}),
columns: [
{ text: 'Name', dataIndex: 'name' },
{ text: 'Email', dataIndex: 'email', flex: 1 },
{ text: 'Phone', dataIndex: 'phone' }
]
});

上述代碼中，我們先創建了一個Store對象，該對象中包含了我們要展示的數據，即一個包含四個對象的數組。然后我們創建了一個Grid對象，并將Store對象作為其數據源。最后，我們配置了Grid對象的列信息，指定了要在表格中顯示哪些數據。

需要注意的是，我們在配置Grid對象時，使用了flex屬性來自適應列寬度。flex值越大，該列所占比例越大。

總的來說，Ext JS的Grid組件非常靈活且易于使用，可以很好地滿足Web應用程序中數據表格的各種需求。