读书人

小弟我想让表头下一列多行数据合并的有

发布时间: 2012-06-08 12:55:24 作者: rapoo

我想让表头下一列多行数据合并的问题,求助!
如图
http://img.my.csdn.net/uploads/201206/06/1338967640_4144.png
我想让工作日下的数据合并为一行并居中显示,js怎么写,求助大虾们


这是我在jsp页面里写的部分代码
<tr>
<td style="width: 50px;" class="tdbordercss"><b>工作日</b></td>
<td>
<table class="tablecss2">
<tr class="tablecss2 trcss">
<td style="width:25px;"></td>
<td style="width:25px;"></td>
<td width="15%" align="center"><b>项目名称</b></td>
<td width="30%" align="center"><b>工作内容</b></td>
<td width="14%" align="center"><b>工作目标</b></td>
<td width="5%" align="center"><b>已立项</b></td>
<td width="5%" align="center"><b>优先级</b></td>
<td width="7%" align="center"><b>总体状态</b></td>
<td width="7%" align="center"><b>预计工时</b></td>
<td width="7%" align="center"><b>实际工时</b></td>
<td width="7%" align="center"><b>完成情况</b></td>
</tr>
</table>
</td>
</tr>
<%
WorkJHLogic logic = new WorkJHLogic();
ArrayList<WorkJHEntity> list = new ArrayList<WorkJHEntity>();
list = logic.doQueryAll();
for( int i = 0;i < list.size();i++ ){
WorkJHEntity entity = (WorkJHEntity)list.get(i);

%>
<tr>
<td class="tdbordercss"><%=entity.getC_gzr() %><br/><%=entity.getC_gzsj() %></td>
<td>
<table class="tablecss2">
<tr class="tablecss2 trcss">
<td style="width:25px;">
<span class="btn_img btn_update" style="width:25px;" title="编辑" onmouseover="doMouse(this, '编辑', 'btn_update', 'over')" onmouseout="doMouse(this, '编辑', 'btn_update', 'out')" onClick="funEdit()"></span>
</td>
<td style="width:25px;">
<span class="btn_img btn_delete" style="width:25px;" title="删除" onmouseover="doMouse(this, '删除', 'btn_delete', 'over')" onmouseout="doMouse(this, '删除', 'btn_delete', 'out')" onClick="funDelete()"></span>
</td>
<td width="15%;" align="center"><%=entity.getVc_xmmc() %></td>
<td width="30%" align="center"><%=entity.getVc_gznr() %></td>
<td width="14%" align="center"><%=entity.getVc_gzmb() %></td>
<td width="5%" align="center"><%=entity.getB_islx() %></td>
<td width="5%" align="center"><%=entity.getI_yxj() %></td>
<td width="7%" align="center"><%=entity.getI_ztzt() %></td>
<td width="7%" align="center"><%=entity.getI_yjgs() %></td>
<td width="7%" align="center"><%=entity.getI_sjgs() %></td>
<td width="7%" align="center"><%=entity.getC_wcbfb() %></td>
</tr>
</table>
<%} %>


</td>
</tr>

[解决办法]
可以给你那个工作日td加上 noWrap=true

但使用时要注意的是,td元素noWrap属性的行为与td元素的width属性有关。如果未设置td宽度,则nowrap属性起作用,如果设置了td宽度,则nowrap属性不起作用。

[解决办法]

探讨

读书人网 >Java Web开发

热点推荐