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

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

javascript html sqlite

如何用javascript以表格的形式显示数据库？,javascript,html,sqlite,Javascript,Html,Sqlite,我的应用程序存在问题，即当它以数据表的形式显示数据库中的数据时，数据表发生在两个侧面，而不是向下 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.string

我的应用程序存在问题，即当它以数据表的形式显示数据库中的数据时，数据表发生在两个侧面，而不是向下

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);
}

$（文档）.ready（函数（）{
var sql=ign.sql（）；
var driver=sql.driver（“sqlite”、“peserta.sqlite”）；
var qry=sql.query（“从数据中选择*）；
if（司机）{
//$（“.json”）.html（json.stringify（qry））；
var查询=qry；
var html=“”；
$（“p”）.html（“状态数据库连接：”+query.Status）；
if（查询状态）{
$.each（查询、内容、函数（数据）{
html+=“”+此。否+“”；
html+=“”+this.nama+“”；
html+=“”+this.alamat+“”；
});
}
$（“.data”）.html（html）；
}

}))

这个HTML

<!doctype html>


不
纳米
阿拉马特

必须在行周围使用标记（表行）。像这样的方法应该会奏效：

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

$。每个（查询、内容、函数（数据）{
html+=“”；
html+=“”+此。否+“”；
html+=“”+this.nama+“”；
html+=“”+this.alamat+“”；
html+=“”；
});

在html中，替换

<tr class="data">

与

在jQuery中，按照@thorsten的建议执行

此外，您可能必须将静态html中的

标记替换为

，使其成为标题，并强制浏览器将其呈现为

等等，这与你的问题无关，但那是什么linux发行版？谢谢你的回答，但这不是我的意思，应该是列的名称在行的下面，行的名称在列的名称下面，等等。@HaviedzMiftah，啊，好的，我明白了。这有点复杂，因为html不直接允许“水平表”。但是你可以使用，尽管你必须使用几个循环，一个用于数字，一个用于名称，一个用于alamat来生成每一行

<tr class="data">

<tbody class="data">