Question

我的应用程序出现问题，就是它会以数据表的形式显示来自数据库的数据，该数据表恰好是两个横向而不是向下

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>

Answer 1

您必须使用行周围的标记（表格行）。这样的事情应该有效：

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

Answer 2

在你的html中，替换

<tr class="data">

带

<tbody class="data">

在你的jQuery中，做@thorsten的建议。

此外，您可能必须将静态html中的<td>标记替换为<th>，以使其成为标题并强制浏览器将其呈现为。

如何用表格的形式用javascript显示数据库？

2 个答案: