如何以表格的形式顯示數據庫與JavaScript？

我有我的應用程序是什麼時候會顯示在數據表的形式數據庫中發生兩個側面，而不是倒如何以表格的形式顯示數據庫與JavaScript？

main.js數據問題

$(document).ready(function(){ 
var sql = ign.sql(); 
var driver = sql.driver("sqlite","peserta.sqlite"); 
var qry = sql.query("select * from data"); 

if(driver){ 
    //$(".json").html(JSON.stringify(qry)); 
    var query = qry; 
    var html = ""; 

    $("p").html("Status Database Connection : "+query.status); 
    if(query.status){ 

     $.each(query.content,function(data){ 
      html += "<td>"+this.no+"</td>"; 
      html += "<td>"+this.nama+"</td>"; 
      html += "<td>"+this.alamat+"</td>"; 
     }); 
    } 

    $(".data").html(html); 
}

}）;

這個HTML

<!doctype html>

<p></p> 
<!-- 
<h2>JSON Data</h2> 
<div class="json"></div><hr> --> 
<table> 
<tr> 
<td>No</td> 
<td>Nama</td> 
<td>Alamat</td> 
</tr> 
<tr class="data"> 
</tr> 
</table>

來源

2014-11-15 Haviedz Miftah

等這與你的問題沒有關係，但是什麼是linux發行版？ – Mozzie

您必須在行周圍使用標記（表格行）。像這樣的東西應該工作：

$.each(query.content,function(data){ 
     html += "<tr>"; 
     html += "<td>"+this.no+"</td>"; 
     html += "<td>"+this.nama+"</td>"; 
     html += "<td>"+this.alamat+"</td>"; 
     html += "</tr>"; 
    });

來源

2014-11-15 13:02:29

感謝您的回答，但這不是我的意思，如果列下面的列名稱沒有，行列名稱下面的行等等。 –

@HaviedzMiftah，好的，我明白了。這有點複雜，因爲html不直接允許「水平表」。但是你可以通過使用[this structure]（http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_table_header）來實現，但是你必須使用幾個循環，一個用於數字，一個用於名稱和一個用於alamat生成每一行。 –

但我不明白腳本標記之間的現有代碼 –

在你的HTML，與

<tbody class="data">

，並在您的jQuery代替

<tr class="data">

，做什麼@thorsten已建議。

此外，您可能需要將靜態html中的<td>標記替換爲<th>，以使它們成爲標題並強制瀏覽器將其呈現爲。

來源

2015-07-24 15:02:24 Akshar

如何以表格的形式顯示數據庫與JavaScript？

回答

相關問題