在web開發中，顯示錶格數據是一項很常見的需求。當我們需要在頁面上顯示大量數據時，除了使用傳統的表格樣式外，還可以使用Treeview這種可摺疊的表格樣式，以便更好地展示數據。本文將介紹如何使用Treeview顯示錶格數據。
一、獲取表格數據
首先，我們需要獲取到要顯示的表格數據。在本例中，我們使用PHP代碼獲取MySQL數據庫中的數據，並將它們轉換為JSON格式。
//連接MySQL數據庫
$conn = mysqli_connect("localhost", "username", "password", "database");
//查詢表格數據
$sql = "SELECT * FROM `table_name`";
$result = mysqli_query($conn, $sql);
//將數據轉換為JSON格式
$data = array();
while($row = mysqli_fetch_assoc($result)) {
$data[] = $row;
}
echo json_encode($data);
二、使用HTML和jQuery創建Treeview表格
接下來，我們使用HTML和jQuery創建Treeview表格。我們將使用以下代碼：
<ul id="treeview">
</ul>
<script $(".toggle").click(function(){="" $(document).ready(function(){="" $(this).html("[+]");="" $(this).html("[-]");="" $.getjson("data.php",="" ><="" >[+]<="" <a="" +="</ul></li>" +item.children[j].name+"<="" +item.name+"="" +item.name+"<="" ;="" <="" 原創文章，作者：WIMTQ，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/375504.html
微信掃一掃 
支付寶掃一掃 