动态创建时，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>')
    }