jQuery DataTable是一個流行的JavaScript表格插件，它允許用戶搜索、排序和分頁大型數據集。它是基于jQuery庫構建的，易于使用和高度可定制。在這篇文章中，我們將演示使用jQuery DataTable來展示數據的示例。

$(document).ready( function () {
$('#example').DataTable();
});

在上面的示例中，我們使用了一個HTML表格元素 ID 為“example”，然后我們在JavaScript代碼中使用DataTable()方法來初始化這個表。此時，表格數據可能沒有任何格式，我們需要通過Ajax從服務端獲取數據并渲染到表格上：

$(document).ready( function () {
$('#example').DataTable( {
"ajax": "/data.json",
"columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "salary" }
]
} );
} );

在上面的示例中，我們使用了一個名為“ajax”的屬性來從JSON文件獲取數據。另一個重要的屬性是“列”，它描述了需要在表格中呈現哪些屬性。這個例子中，我們指定了四個屬性：名稱、職位、辦公地點和薪水。

接下來，我們展示如何使用更高級的功能。比如，我們可以啟用排序、分頁和搜索：

$(document).ready( function () {
$('#example').DataTable( {
"ajax": "/data.json",
"columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "salary" }
],
"ordering": true,
"paging": true,
"searching": true
} );
} );

在上面的示例中，我們添加了三個數據屬性：“ordering”、“paging”和“searching”，來啟用排序、分頁和搜索功能。它們的值都是布爾型（true或false），如果設為true，則表示啟用該功能。

最后，我們展示如何自定義各種樣式和文本。比如，我們可以通過使用“language”屬性來更改各種文字元素，例如“長度從X行到Y行”（從X行到Y行顯示）。

$(document).ready( function () {
$('#example').DataTable( {
"ajax": "/data.json",
"columns": [
{ "data": "name" },
{ "data": "position" },
{ "data": "office" },
{ "data": "salary" }
],
"ordering": true,
"paging": true,
"searching": true,
"language": {
"lengthMenu": "顯示 _MENU_ 條記錄",
"zeroRecords": "沒有匹配結果",
"info": "從 _START_ 到 _END_，總共 _TOTAL_ 條記錄",
"infoEmpty": "顯示第 0 至 0 條結果，共 0 條",
"infoFiltered": "(從 _MAX_ 條記錄中篩選)",
"search": "搜索 :" 
}
} );
} );

在上面的示例中，我們使用了一個名為“language”的屬性，它包含了各種文本元素需要使用的內容。通過在這里進行更改，我們可以自定義表格的各個方面。