Datatables是一個非常流行的JQuery表格庫。它被廣泛應用于數據展示場景。最近我在項目中需要使用Datatables來展示多行JSON數據，下面我將介紹一下如何使用Datatables展示多行JSON數據。

首先，我們需要準備好我們的JSON數據。以下是一個JSON數據的例子，其中包含多行數據：

[
{
"name": "John",
"age": 23,
"gender": "male"
},
{
"name": "Jane",
"age": 21,
"gender": "female"
},
{
"name": "Jack",
"age": 25,
"gender": "male"
}
]

接下來，我們需要在HTML中添加Datatables的js和css文件鏈接。這個可以通過引用CDN的方式來實現。以下是引用CDN的代碼：

在HTML中創建一個空的table標簽：

最后，我們要編寫JavaScript代碼來展示多行JSON數據：

$(document).ready(function() {
$('#myTable').DataTable({
data: your_data, // 替換your_data為你的JSON數據變量名
columns: [
{ data: 'name' },
{ data: 'age' },
{ data: 'gender' }
]
});
});

以上代碼會自動將JSON數據展示在表格中，各列數據會自動對齊。你也可以通過Datatables提供的方法來自定義表格樣式和行為。