Question

我想在jquery表中显示来自 SQLite 的数据。当我在移动设备上运行应用时，它只会显示来自 SQLite 的数据。列名称未显示。如何显示列名？

html

中的

表格

     <div data-role="main" class="ui-content">
         <table data-role="table" id="mytable" data-mode="reflow">
            <thead>
             <tr>
              <th>ID</th>
              <th>event</th>
              <th>location</th>
             </tr>
            </thead>
            <tbody id="abc"></tbody>
         </table>
    </div>

的javascript

function view() { 
if (db==null) {
    alert('Error: Database is null.');
    return;
}

db.executeSql(
    'SELECT `id`, `data`, `data2` FROM `info` ORDER BY `data` ASC',
    [],
    function(resultset) { 
        var length = resultset.rows.length;
        for(var i=0; i<length; i++) {
            $('#abc').append('<tr><th>'+resultset.rows.item(i).id+'</th>','<td>'+resultset.rows.item(i).data+'</td>','<td>'+resultset.rows.item(i).data2+'</td></tr>');
        }
        //$("#listData").listview( "refresh" );
    },
    function(error) { 
        alert('Error: '+error.message);
    }
);

Answer 1

您的行中有TH标记，请尝试在TBODY中仅使用TD。

修改

你看看CSS吗？

Answer 2

删除附加行上的标记。

db.executeSql(
'SELECT `id`, `data`, `data2` FROM `info` ORDER BY `data` ASC',
[],
function(resultset) { 
    var length = resultset.rows.length;
    for(var i=0; i<length; i++) {
        $('#abc').append('<tr><td>'+resultset.rows.item(i).id+'</td>','<td>'+resultset.rows.item(i).data+'</td>','<td>'+resultset.rows.item(i).data2+'</td></tr>');
    }
    //$("#listData").listview( "refresh" );
},
function(error) { 
    alert('Error: '+error.message);
}

）;

如何在jquery表中显示列名？

2 个答案: