jQuery Datagrid属于Web开发中的一种重要组件，它为我们呈现数据提供了便捷的方式。一般情况下，我们会将数据按照表格的形式展示，但有时候，如果表格的宽度比较小，数据较多的情况下，我们希望将其居中展示，这时候就需要用到一些CSS技巧。

//html代码
<div id="datagrid">
...
</div>
//css代码
#datagrid {
margin: 0 auto;
width: 80%;
text-align: center;
}
#datagrid table {
margin: 0 auto;
width: 100%;
border-collapse: collapse;
}
#datagrid td {
border: 1px solid #ddd;
padding: 5px;
text-align: center;
}

首先，需要设置最外层div的宽度，并且将其左右外边距设置为“auto”。这样，div就会居中展示在页面中间。接下来，我们需要将数据表格的宽度设置为100%，这样表格就会占满div的宽度。而通过设置“margin: 0 auto”，表格也将会水平居中展示在div中。最后，将表格中所有单元格的文本都居中于单元格，并且添加一些基础的样式，如边框和内边距等等。

除了以上方法，还有许多其他的居中方式，如使用flexbox、table布局、position:absolute等等。在实际开发中，应根据具体需求选择最合适的方法实现居中效果。