Datatables是一款非常好用的jQuery插件，可以方便地對(duì)表格進(jìn)行排序、分頁(yè)等操作。而MySQL是一種非常流行的關(guān)系型數(shù)據(jù)庫(kù)，也是Web開發(fā)中必不可少的工具之一。本文將介紹Datatables如何與MySQL配合使用，實(shí)現(xiàn)表格數(shù)據(jù)的展示。

首先，我們需要在頁(yè)面中引入Datatables和jQuery：

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

然后，我們需要在HTML中創(chuàng)建一個(gè)表格，并給它一個(gè)ID：

<table id="myTable">
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

接下來(lái)，我們需要使用jQuery和Ajax從MySQL中獲取數(shù)據(jù)，并將數(shù)據(jù)添加到表格中：

$(document).ready(function() {
$('#myTable').DataTable( {
"ajax": {
"url": "data.php", //獲取數(shù)據(jù)的接口
"dataSrc": "" //數(shù)據(jù)的鍵名
},
"columns": [
{ "data": "id" },
{ "data": "name" },
{ "data": "age" }
]
} );
} );

其中，data.php是獲取數(shù)據(jù)的接口，代碼如下：

$conn = mysqli_connect("localhost", "username", "password", "database");
$sql = "SELECT * FROM users";
$result = mysqli_query($conn, $sql);
$data = array();
while($row = mysqli_fetch_assoc($result)) {
$data[] = $row;
}
echo json_encode($data);

上面的代碼首先連接數(shù)據(jù)庫(kù)，然后查詢users表中的所有數(shù)據(jù)，并將數(shù)據(jù)保存到數(shù)組$data中。最后將數(shù)組$data轉(zhuǎn)換為JSON格式并輸出。

最后，我們需要在頁(yè)面上加載這個(gè)PHP文件：

<script src="data.php"></script>

通過(guò)以上步驟，我們已經(jīng)成功將MySQL中的數(shù)據(jù)展示在Datatables中了。