Datatables是一個強大的表格插件，它可以方便地處理 JSON 數據。使用 Datatables 顯示 JSON 數據需要以下步驟：

1. 引入 Datatables 的必需文件：

<link rel="stylesheet" >
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>

2. 創建表格 HTML 代碼，并添加一個 id 屬性：

<table id="example">
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>城市</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

3. 使用 Ajax 調用后端 API 獲取 JSON 數據：

$.ajax({
url: '/api/data',
type: 'GET',
dataType: 'json',
success: function(data) {
// 渲染表格
$('#example').DataTable({
data: data,
columns: [
{ data: 'name' },
{ data: 'age' },
{ data: 'city' }
]
});
}
});

4. 渲染表格：

$('#example').DataTable({
data: data,
columns: [
{ data: 'name' },
{ data: 'age' },
{ data: 'city' }
]
});

在上面的示例中，我們使用 Ajax 調用 /api/data 接口獲取 JSON 數據，然后使用 Datatables 渲染表格。在 columns 中，我們使用了 data 屬性，將 JSON 數據的字段名與表格中的列對應起來。

最后，我們需要在 HTML 中引入 Datatables 的 CSS 和 JavaScript 文件，并在 JavaScript 中調用 Datatables。