2015-02-24 131 views
1

更新:我刚刚意识到我对JavaScript和jquery太小巧了,谢谢你回答我的问题!我如何关闭这个问题?在html中使用可滚动的表格显示数据库表的行值

我使用PHP和MySQL数据库,我想显示我的数据库的行值一但事情是什么,如果我有一个像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>'; 
} 

?> 
+0

你需要一些JavaScript为。看看JQuery和Datatable。 – 2015-02-24 17:22:38

+0

我不明白JavaScript和PHP之间的区别,我的意思是他们都可以使用和声明函数,我不能只使用PHP而不是JavaScript? – 2015-02-24 17:26:11

+0

PHP在服务器上执行。 JavaScript在客户端执行。如果你想要一个可滚动的表,你需要的是一个客户端(浏览器端)解决方案。 – 2015-02-24 17:31:02

回答

2

您好!

使用DataTables轻松地做到这一点。

首先,jQuery的初始化表:

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

});

在这个文件中“phpFileAjaxReturn.php”,你应该使用PHP来作出选择您的数据库,并返回值。

您应该使用echo json_encode($output);正确发送数据到表。

看看这些链接:

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

+0

您可能希望将实际答案放入帖子中,并仅将链接用于支持。 – tjd 2015-02-24 17:31:33

+0

谢谢你,但这个JavaScript和jquery对我来说是新东西,这让我很困惑,有没有任何视频可以告诉我如何使用它? – 2015-02-24 17:35:26

+0

好吧...如果你想成为一名网页开发人员,javascript对于几乎所有内容都非常重要。看看这个链接列出最好的网站,以在线学习代码。 http://www.hongkiat.com/blog/sites-to-learn-coding-online/ < - 大多数人都有JavaScript和jQuery课程。这是一个好的开始。 – 2015-02-24 17:44:18