请考虑以下我网站上的快照。



红色区域是一张正在动态呈现的表格,位于单独的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);

08-18 02:24
查看更多