高分求助...希望有类似经验的帮忙~

Question

在前台有一个<TABLE></TABLE>
这个表格内有"+"，当点击这个加号时候...
通过ajax返回一个<TABLE></TABLE>嵌入上面的TABLE的预留的一个空行中...
这个<TABLE></TABLE>中还有其他的加号...这些加号也是返回<TABLE></TABLE>...
嵌入这个<TABLE></TABLE>的一行中...如何保证这些<TABLE></TABLE>的列对齐...求各位帮忙~

Answer 1

                                    <table cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td>
                                                这里放置你的+符号或者图片
                                            </td>
                                            <td>
                                                这里才是要插入的子树
                                            </td>
                                        </tr>
                                    </table>
在右边的d

Answer 2

在右边的td中才是你放你所说的“预留的空行”(<td>&nbsp;</td>)。

Answer 3

<table cellpadding="0" cellspacing="0">
Up

Answer 4

谢谢大家...
关于sp1234的解答我会考虑一下...
提问时比较着急...以下是大概的样式...
只是简单的写了写...
前面的+号是获得第6行的Table...
这个Table内还会有展开的...
希望大家继续帮忙~ <table class="tableCss" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="6">+
</td>
<td style="width:60px;">
1</td>
<td style="width:150px;">
aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
</tr>
<tr>
<td style="width:60px;">
2</td>
<td style="width:150px;">
bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
</tr>
<tr>
<td style="width:60px;">
3</td>
<td style="width:150px;">
ccccc ccccc ccccc ccccc ccccc ccccc
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
</tr>
<tr>
<td style="width:60px;">
4</td>
<td style="width:150px;">
ddddd ddddd ddddd ddddd ddddd ddddd
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
</tr>
<tr>
<td style="width:60px;">
5</td>
<td style="width:150px;">
eeeee eeeee eeeee eeeee eeeee eeeee
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
</tr>
<tr>
<td colspan="9">
<table cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3" style="width:60px">
&nbsp;</td>
<td style="width:150px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
</tr>
<tr>
<td style="width:150px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
</tr>
<tr>
<td style="width:150px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
<td style="width:60px;">
&nbsp;</td>
</tr>
</table>
</td>
</tr> <tr>
<td rowspan="6">+
</td>
<td style="width:60px;">
1</td>
<td style="width:150px;">
aaaaa aaaaa aaaaa aaaaa aaaaa aaaaa
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
</tr>
<tr>
<td style="width:60px;">
2</td>
<td style="width:150px;">
bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
</tr>
<tr>
<td style="width:60px;">
3</td>
<td style="width:150px;">
ccccc ccccc ccccc ccccc ccccc ccccc
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
</tr>
<tr>
<td style="width:60px;">
4</td>
<td style="width:150px;">
ddddd ddddd ddddd ddddd ddddd ddddd
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
</tr>
<tr>
<td style="width:60px;">
5</td>
<td style="width:150px;">
eeeee eeeee eeeee eeeee eeeee eeeee
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
<td style="width:60px;">&nbsp;
</td>
</tr>
<tr>
<td colspan="9" style="display:none;">
</td>
</tr>
</table>