请考虑以下我网站上的快照。
红色区域是一张正在动态呈现的表格,位于单独的div中。底部3行位于不同div的不同表中,该div是静态的。由于这两个表基本上是不同的表,因此复选框本身不会对齐。这些div是液体布局的一部分,位于左侧栏中。有没有一种方法可以对齐它们而不固定表格,行和列的宽度?还是愚弄这两个表,以为它们实际上是一个并对齐?
这是结构
<div id='dynamic_in_red_border'>
<table id="one">
</table>
</div>
<div id="bottom">
<table id="static">
</table>
</div>
希望我的问题清楚。
PS:红框只是为了说明我的意思,它不在实际的UI上
最佳答案
您可以使用jQuery或纯JS动态插入行。我现在将使用jQuery:
HTML:
<table id="foo">
<tr><td>foo</td></tr>
</table>
JavaScript(使用jQuery):
var td = $('<td>').html('bar');
var tr = $('<tr>').append(td);
$('table#foo').append(tr);