使用 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