使用HTML中的可滾動表顯示數據庫表行值

Question

更新：我剛剛意識到我對javascript和jquery不太了解，謝謝回答我的問題！ 如何解決這個問題？

我正在使用PHP和MYSQL作為數據庫，我想將數據庫的行值顯示為a，但是如果我有1000行，那將是非常有用的，如果有一個表不能擴展為您的數據中充斥着詳細信息，但為您提供了滾動選項以查看其他行。 請幫助我，我真的不知道該怎么做...

我確實知道如何連接到我的數據庫並輸出它，但是我不知道如何制作一個可滾動且不會擴展的表，而是像瀏覽器一樣滾動。

<?php

mysql_connect('localhost','root','');
mysql_select_db('database');

$query = 'SELECT * FROM table';
$result = mysql_query($query);

while($row = mysql_fetch_array($result)){
echo $row['name'],' ',$row['lastn'],'<br>';
}

?>

Answer 1

你好！

使用DataTables可以輕松完成此任務。

首先，使用jQuery初始化表格：

$(document).ready(function() {
$('#example').dataTable( {
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": "..phpFileAjaxReturn.php"
} );

}）；

在此文件“ phpFileAjaxReturn.php”中，應使用PHP在數據庫上進行SELECT並返回值。

您應該使用echo json_encode( $output ); 將數據正確發送到表。

查看以下鏈接：

https://legacy.datatables.net/examples/data_sources/server_side.html https://datatables.net/examples/api/tabs_and_scrolling.html