jQuery DataTable 是一款流行的 jQuery 插件，用于動態呈現和操作表格數據。它可以讓我們輕松地將數據排序、搜索、分頁和過濾，同時還可以添加自定義內容和格式化數據。下面是一個簡單的示例，說明如何使用 DataTable。

// 設置 DataTable 的配置選項
var table = $('#example').DataTable({
ordering: true, // 是否允許排序
searching: true, // 是否允許搜索
paging: true, // 是否允許分頁
lengthChange: true, // 是否允許每頁數據數量的更改
language: { // 設置 DataTable 的語言
url: 'https://cdn.datatables.net/plug-ins/1.10.22/i18n/Chinese.json'
}
});
// DataTable 的數據結構必須是一個二維數組，如下所示
var data = [
['1', '張三', '男', '20'],
['2', '李四', '男', '22'],
['3', '王五', '女', '18']
];
// 將數據添加到 DataTable 中
table.rows.add(data).draw();
// 添加自定義內容和格式化數據
$('#example tbody').on('click', 'td', function () {
// 獲取當前行的數據源和列索引
var rowData = table.row($(this).parents('tr')).data();
var colIndex = table.cell(this).index().column;
// 根據列索引添加自定義內容
if (colIndex === 0) {
$(this).html('' + rowData[colIndex] + '');
}
// 根據列索引格式化數據
if (colIndex === 3) {
$(this).html(rowData[colIndex] + '歲');
}
});

上面的代碼演示了 DataTable 的基本用法，包括設置配置選項、添加數據、添加自定義內容和格式化數據。我們可以根據需求對 DataTable 進行更多的配置和擴展，例如自定義分頁樣式、添加復選框、使用 AJAX 加載數據等等。