表格显示

Question

从xml读出数据,通过xsl画表格.下面是表格的形式,div id = div_head 是表格的头,div id = div_left 是表格的左部分,div id = div_right是表格右部分,左 右都在div_head下面,因为表格右部分,烈数多,右边出现一个横拉条,但是,现在问题就是,在xsl 中画表格的时候,需要判断同一行中,表格的宽度,如果不判断,表格宽窄不一.
有没有好的方法也能实现这个功能?????不用判断表格宽度,而且也能实现表格右部分滑动?
<div id="div_head" >
<table >
<tr height="19"> 
<th width="38">
aaa
</th>
<th width="90">
bbb
</th>
<th width="228">
ccc
</th>
<th width="85">
ddd
</th>
<th width="80">
eee
</th>
<th width="85">
fff
</th>
<th width="90">
ggg
</th>
<th width="90">
kkk
</th>
<th width="200">
hhh
</th>
<th width="200">
iii
</th>
</tr>
</table>
</div><div id="div_left" >
<table width="359"  id="docListTable-left">
<tr height="19" > 
<td width="38" align="center">
1
</td>
<td width="90" align="center">
22222
</td>
<td width="227">
33333
</td>
</tr>
</table>
</div><div id="div_body"  onscroll="scrollAuto(div_head,div_left,div_body)">
<table width="838px"  id="docListTable-right" >
<tr > 
<td width="85" align="center">
333333333333333333333333333333333333333333333333333333333333
</td>
<td width="80" align="center">
444444444444444444444444444444444
</td>
<td width="85" align="center">
5555555555555555555555555555555555555555555555555555555555555555555555555555555
</td>
<td width="90" align="center">
66666666666
</td>
<td width="90" align="center">
88888888888888
</td>
<td width="200" align="left">
99999999999999
</td>
<td width="200" align="left">
77777
</td>
</tr>
</table>
</div>

Answer 1

判断宽度也是不行的，你应当使用css限制<style type="text/css">
table { table-layout:fixed; }
td { word-wrap:break-word;word-break:break-all;text-overflow:ellipsis;overflow:hidden }
</style>

Answer 2

顶楼上的另外一点经验是表格自适应还要设置width:98%，单元格的宽度也不用判断，给td加CSS属性white-space: nowrap;就会根据内容不折行的自动调整大小了。
overflow:hidden最好不用，滚动条在宽表格中是很有用的，还是保留默认的auto比较好 :-)