jquery - Bootstrap CSS 表在动态创建时不显示

Question

我有一个 jquery 脚本，它在事件发生时更改一个 div 并添加一个表，如以下代码所示。该页面基于 Bootstrap CSS，但表格的格式不正确。我做错了什么？

$('#regionId').html('<table class="table">');

for (var i = 0; i < data.length; i++) {
$('#regionId').append('<tr><td>'+ data[i].field + ' </td> <td>' + data[i].field2+ '</td></tr>');

}

$('#regionId').append('</table>');

Answer 1

试试这个 demo

$('#regionId').html('<table class="table"><tbody></tbody></table>');
    for (var i = 0; i < data.length; i++) {
        $('#regionId tbody').append('<tr><td>'+ data[i].field
                        + ' </td> <td>'
                            + data[i].field2
                            + '</td></tr>')
    }