動態添加行到表

Question

bootstrap css問題我有一個簡單的表，使用引導CSS。該表具有以下類

<table id="data-table" style="word-wrap: break-word" class="table table-condensed table-striped"> 

這工作得很好，當我直接通過HTML文件添加行，但是當我嘗試使用JavaScript來添加一個新行，按預期條紋CSS不起作用。

var table = $('#data-table'); 
table.children('tbody').append("<tr><td>User3</td><td>Real name 3</td><td>undefined</td><tr>"); 

的jsfiddle例如：https://jsfiddle.net/mtropkdx/

是否有需要執行，以獲得CSS工作任何CSS刷新？

編輯：當我無視DOM我可以認爲插入的行之間有空，我想這就是爲什麼我不能看到條紋的。但他們爲什麼在那裏？

Answer 1

您的結局<tr>標記是另一個開放標記。規範化的HTML正在創建一個空行（使用您的開發控制檯來檢查小提琴的輸出窗口）。這個：

table.children('tbody').append("<tr><td>User3</td><td>Real name 3</td><td>undefined</td></tr>") 

工作得很好。

更新提琴：https://jsfiddle.net/mtropkdx/1/