Bootstrap CSS Table Not Showing When Dynamically Created

Question

I have a jquery script that on the occurrence of an event changes a div and adds a table as shown in the following code. The page is based on Bootstrap CSS but the table is not formatted as it should. What am i doing wrong?

$('#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>');

Please post a fiddle and html markup.

Shaunak D
– Shaunak D

2014-05-29 05:49:42 +00:00
Commented May 29, 2014 at 5:49 — Shaunak D
– Shaunak D, Commented May 29, 2014 at 5:49

Amit · Accepted Answer · 2014-05-29 06:03:16Z

3

try this 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>')
    }

answered May 29, 2014 at 6:03

Amit

1,9191 gold badge20 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Bootstrap CSS Table Not Showing When Dynamically Created

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related