Jquery动态创建的表行未与引导表标题对齐

我使用了下面stackoverflow问题的答案，以实现表行的动态添加。我还使用引导主题。添加操作正确，但

与

不对齐

我的html代码如下所示：

标题1
标题2
标题3
标题4

而jQuery代码如下所示：

tbody = "<tr><td>" + value1 +"</td><td>" + value2 +"</td><td>" + value3 + "</td><td>" + value4 +"</td></tr>";
$('#table_body').html(tbody);

tbody=”“+value1+“”+value2+“”+value3+“”+value4+“”；
$（'#table_body'）.html（tbody）；

---

由于我对bootstrap framework和jQuery非常陌生，为了使值与相关的头对齐，我应该做些什么？

您正在寻找以下内容：

/*用于测试动态值*/
var testData=[1,2,3,4,5]；
$.each（测试数据、函数（索引、值）{
变量tBody='行-'+value+'行-'+value+'行-'+value+'行-'+value+'行-'+value+''；
$（“#表体”）.append（tBody）；
})

td，th{border:1px solid#ddd；垂直对齐：top；}tr{margin:0；}
动态表
标题1
标题2
标题3
标题4

您正在寻找以下内容：

/*用于测试动态值*/
var testData=[1,2,3,4,5]；
$.each（测试数据、函数（索引、值）{
变量tBody='行-'+value+'行-'+value+'行-'+value+'行-'+value+'行-'+value+''；
$（“#表体”）.append（tBody）；
})

td，th{border:1px solid#ddd；垂直对齐：top；}tr{margin:0；}
动态表
标题1
标题2
标题3
标题4

稍微不相关，但您可能希望使用

.append

代替

.html

，以便在添加多行时不会覆盖您的

tbody

。我们需要查看您的样式。例如，如果您使用

display:

，则整个表可能会变得不对齐。Peter B除非您另有说明，否则我只使用默认的bootstrap.css表样式。值

value1

、

value2

等的示例有哪些？@dk13您能检查我的答案吗。让我知道。。我已经使用了引导css并添加了一些不相关的动态值，但是您可能希望使用

.append

来代替

.html

，这样在添加多行时不会覆盖您的

tbody

。我们需要查看您的样式。例如，如果您使用

display:

，则整个表可能会变得不对齐。Peter B除非您另有说明，否则我只使用默认的bootstrap.css表样式。值

value1

、

value2

等的示例有哪些？@dk13您能检查我的答案吗。让我知道。。我使用了bootstrap css并添加了动态值如果你使用

.html

你会得到同样的结果，而且从外观上看，你没有改变OP的任何原始标记，因此这不是一个有用的答案。考虑到他想一个接一个地添加它或在

for

循环中添加它，

.html（）

它将覆盖

中的元素，并使用

s只生成一个新的

，但如果您使用

.append（）

，它将累加起来。因此，如果是这样的话，我建议也使用

append

。@lourz_-yan我已经使用

append

not

html

来添加新的how dynamicallyOh抱歉，我在和@J.Titus说话。@lourz_-yan如果你看看OP的问题，他们已经在使用

.html

。您还可以看到，我对OP的问题发表了评论，指出

.append

是一个更好的选择。我只是说，这个答案并没有进一步帮助OP解决数据与标题不对齐的问题。如果使用

.html

您会得到相同的结果，从外观上看，您没有更改OP的任何原始标记，因此，这不是一个有用的答案。考虑到他想一个接一个地添加它，或者在

for

循环中添加它，

.html（）

将覆盖

中的元素，最后只使用

s添加一个新的

，但是如果您使用

.append（）

它将添加起来。因此，如果是这样的话，我建议也使用

append

。@lourz_-yan我已经使用

append

not

html

来添加新的how dynamicallyOh抱歉，我在和@J.Titus说话。@lourz_-yan如果你看看OP的问题，他们已经在使用

.html

。您还可以看到，我对OP的问题发表了评论，指出

.append

是一个更好的选择。我只是说这个答案并没有进一步帮助OP解决数据和标题不一致的问题。