使用html中的可滚动表显示数据库表行值

时间:2015-02-24 17:18:21

标签: php mysql database html5

  

更新:我刚刚意识到我对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>';
}

?>

1 个答案:

答案 0 :(得分:2)

您好!

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