使用jQuery的DataGrid插件可以輕松創建一個高效的數據表格，在數據表格中我們通常希望表格的內容水平和垂直都能夠居中，下面我們就來詳細介紹如何使用jQuery DataGrid實現表格的居中顯示。 首先，在我們的html文件中添加如下代碼：

接下來，在JS中，我們需要對表格進行設置，使其能夠對齊并居中。

$('#datagrid').datagrid({
columns:[[
{field:'id',title:'ID',width:100, align:'center'},
{field:'name',title:'Name',width:100, align:'center'},
{field:'age',title:'Age',width:100, align:'center'},
{field:'gender',title:'Gender',width:100, align:'center'}
]]
});

如上代碼中，我們通過在DataGrid組件中的columns對象的align屬性，使用center值將表格的列置于表格中央并使用width屬性來指定列的寬度。 最后，我們還需要通過css樣式來實現表格的垂直居中：

table#datagrid{
margin:0 auto;
height: 200px; /*這里的高度自己定義*/
border: 1px solid #ccc;
text-align: center;
vertical-align: middle;
}
table#datagrid td{
text-align: center;
vertical-align: middle;
}

如上代碼中，我們通過設置表格的樣式來實現數據表格的垂直居中，同時修改單元格(td)的樣式讓表格的內容也可以完美地水平居中對齊。 綜上所述，通過以上設置，我們可以輕松的實現使用jQuery DataGrid組件創建的數據表格居中對齊，使得數據表格在排版設計上更加美觀且易讀易懂。