在html中使用可滾動的表格顯示數據庫表的行值

更新：我剛剛意識到我對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>'; 
} 

?>

來源

2015-02-24 Miko Chu

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

我不明白JavaScript和PHP之間的區別，我的意思是他們都可以使用和聲明函數，我不能只使用PHP而不是JavaScript？ – 2015-02-24 17:26:11

PHP在服務器上執行。 JavaScript在客戶端執行。如果你想要一個可滾動的表，你需要的是一個客戶端（瀏覽器端）解決方案。 – 2015-02-24 17:31:02

您好！

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

來源

2015-02-24 17:27:18

您可能希望將實際答案放入帖子中，並僅將鏈接用於支持。 – tjd 2015-02-24 17:31:33

謝謝你，但這個JavaScript和jquery對我來說是新東西，這讓我很困惑，有沒有任何視頻可以告訴我如何使用它？ – 2015-02-24 17:35:26

好吧...如果你想成爲一名網頁開發人員，javascript對於幾乎所有內容都非常重要。看看這個鏈接列出最好的網站，以在線學習代碼。 http://www.hongkiat.com/blog/sites-to-learn-coding-online/ < - 大多數人都有JavaScript和jQuery課程。這是一個好的開始。 – 2015-02-24 17:44:18

在html中使用可滾動的表格顯示數據庫表的行值

回答

相關問題