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

TimLeaf 2008-12-24 05:30:17
在前台有一个<TABLE></TABLE>
这个表格内有"+",当点击这个加号时候...
通过ajax返回一个<TABLE></TABLE>嵌入上面的TABLE的预留的一个空行中...
这个<TABLE></TABLE>中还有其他的加号...这些加号也是返回<TABLE></TABLE>...
嵌入这个<TABLE></TABLE>的一行中...

如何保证这些<TABLE></TABLE>的列对齐...求各位帮忙~
...全文
122 21 打赏 收藏 转发到动态 举报
写回复
用AI写文章
21 条回复
切换为时间正序
请发表友善的回复…
发表回复
chouto 2008-12-29
  • 打赏
  • 举报
回复
来晚了,呵呵
byte377 2008-12-25
  • 打赏
  • 举报
回复
MARK UP
TimLeaf 2008-12-25
  • 打赏
  • 举报
回复
换思路了...
结贴了~
wosytl 2008-12-25
  • 打赏
  • 举报
回复
ding
ying1718 2008-12-25
  • 打赏
  • 举报
回复
每一列的宽度都固定或者用相对百分比来定义,然后加一个样式强制换行就可以对齐了
freemeditator 2008-12-25
  • 打赏
  • 举报
回复
XML??
zhangxuyu1118 2008-12-25
  • 打赏
  • 举报
回复
mark
海倍娜楽 2008-12-25
  • 打赏
  • 举报
回复
第二列预留的宽度大一些,应该就能对齐了
kwh050101 2008-12-25
  • 打赏
  • 举报
回复
DING
TimLeaf 2008-12-25
  • 打赏
  • 举报
回复


这个内嵌的表格怎么能对齐呢?
TimLeaf 2008-12-25
  • 打赏
  • 举报
回复
拜托说用百分比控制的朋友...
给个实例吧?
yagebu1983 2008-12-24
  • 打赏
  • 举报
回复
样式的问题
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 TimLeaf 的回复:]
谢谢大家...
关于sp1234的解答我会考虑一下...
提问时比较着急...以下是大概的样式...
只是简单的写了写...
前面的+号是获得第6行的Table...
这个Table内还会有展开的...
希望大家继续帮忙~

HTML code
<table class="tableCss" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="6">+
</td>
<td style="width:60px;">
1</td>

[/Quote]
使用百分比控制
chopsy 2008-12-24
  • 打赏
  • 举报
回复
写个样式表吧!
TimLeaf 2008-12-24
  • 打赏
  • 举报
回复
谢谢大家...
关于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;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
</tr>
<tr>
<td style="width:60px;">
2</td>
<td style="width:150px;">
bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
</tr>
<tr>
<td style="width:60px;">
3</td>
<td style="width:150px;">
ccccc ccccc ccccc ccccc ccccc ccccc
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
</tr>
<tr>
<td style="width:60px;">
4</td>
<td style="width:150px;">
ddddd ddddd ddddd ddddd ddddd ddddd
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
</tr>
<tr>
<td style="width:60px;">
5</td>
<td style="width:150px;">
eeeee eeeee eeeee eeeee eeeee eeeee
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
</tr>
<tr>
<td colspan="9">
<table cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3" style="width:60px">
 </td>
<td style="width:150px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
</tr>
<tr>
<td style="width:150px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
</tr>
<tr>
<td style="width:150px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </td>
<td style="width:60px;">
 </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;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
</tr>
<tr>
<td style="width:60px;">
2</td>
<td style="width:150px;">
bbbbb bbbbb bbbbb bbbbb bbbbb bbbbb
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
</tr>
<tr>
<td style="width:60px;">
3</td>
<td style="width:150px;">
ccccc ccccc ccccc ccccc ccccc ccccc
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
</tr>
<tr>
<td style="width:60px;">
4</td>
<td style="width:150px;">
ddddd ddddd ddddd ddddd ddddd ddddd
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
</tr>
<tr>
<td style="width:60px;">
5</td>
<td style="width:150px;">
eeeee eeeee eeeee eeeee eeeee eeeee
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
<td style="width:60px;"> 
</td>
</tr>
<tr>
<td colspan="9" style="display:none;">
</td>
</tr>
</table>
mengxj85 2008-12-24
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 sp1234 的回复:]
HTML code <table cellpadding="0" cellspacing="0">
<tr>
<td>
这里放置你的+符号或者图片
</td>
<td>

[/Quote]
<table cellpadding="0" cellspacing="0">
Up
  • 打赏
  • 举报
回复
在右边的td中才是你放你所说的“预留的空行”(<td> </td>)。
  • 打赏
  • 举报
回复
                                    <table cellpadding="0" cellspacing="0">
<tr>
<td>
这里放置你的+符号或者图片
</td>
<td>
这里才是要插入的子树
</td>
</tr>
</table>


在右边的d
APOLLO_TS 2008-12-24
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 TimLeaf 的回复:]
引用 1 楼 chouto 的回复:

宽度百分比定位

表格的总宽度怎么办?
横向的宽度不固定...
[/Quote]

像是庙里有和尚讲故事那个递归!

最外层指定宽度即可!


TimLeaf 2008-12-24
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 chouto 的回复:]
宽度百分比定位
[/Quote]
表格的总宽度怎么办?
横向的宽度不固定...
加载更多回复(1)

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧