`

两个table并列成为一个table

 
阅读更多
//主要将两个table的margin、cellspacing和cellpadding设置为零 中间有条边重叠了,需要对左边的表格右边的边设置style="border-right:none;">
<table width="1000" border="0" align="center" cellspacing="0" cellpadding="0">
	<tr>
		<td valign="top">  //置顶
		<table width="500" border="0" cellpadding="0" cellspacing="0"
			class="wjzt_nmtable" style="margin-right:0px;"> //margin-right:0px 去掉左边表格的右边框与右表格的间距
			<tr>
				<td width="120px">科目</td>
				<td width="250px">项目</td>
				<td width="130px" style="border-right:none;">金额(元)</td>
			</tr>
			<s:iterator value="domain.srDataList" status="st" id="data">
				<tr>
					<s:if test='#st.index == "0"'>
						<td rowspan="<s:property value='domain.srAccount + 1'/>">本月收入</td>
						<td><s:property value="xmmc"/></td>
						<td style="border-right:none;"><s:property value="je"/></td>
					</s:if>
					<s:else>
					<td><s:property value="xmmc"/></td>
						<td style="border-right:none;"><s:property value="je"/></td>
//border-right:none 去掉右边框
					</s:else>
				</tr>
			</s:iterator>
			<tr>
				<td>合计</td>
				<td style="border-right:none;"><s:property value="domain.srhj"/></td>
			</tr>
			<s:iterator value="domain.leftList" status="st" id="data">
			<tr>
				<td></td>
				<td></td>
				<td style="border-right:none;"></td>
			</tr>
			</s:iterator>
		</table>
		</td>
		<td valign="top">
		<table width="500" border="0" cellpadding="0" cellspacing="0"
			class="wjzt_nmtable" style="margin-left:0px;">
			<tr>
				<td width="120px">科目</td>
				<td width="250px">项目</td>
				<td width="130px">金额(元)</td>
			</tr>
			<s:iterator value="domain.zcDataList" status="st" id="data">
				<tr>
					<s:if test='#st.index == "0"'>
						<td rowspan="<s:property value='domain.zcAccount + 1'/>">本月支出</td>
						<td><s:property value="xmmc"/></td>
						<td><s:property value="je"/></td>
					</s:if>
					<s:else>
						<td><s:property value="xmmc"/></td>
						<td><s:property value="je"/></td>
					</s:else>
				</tr>
			</s:iterator>
				<tr>
				<td>合计</td>
				<td>${domain.srhj}</td>
			</tr>
			  <tr>
	  	 		  <td rowspan="3">节超</td>
	  	  		  <td>上月底账目累计节超</td>
			  	  <td><s:property value="domain.jcSyd"/></td> 
  	  		</tr>
  	 		<tr>
			  	  <td>本月底账目累计节超</td>
			  	  <td><s:property value="domain.jcByd"/></td> 	 
  	  		</tr>
  	  		<tr>
		  	  <td>本月节超</td>
		  	  <td><s:property value="domain.jcBy"/></td>
  	  		</tr>
  	  		<s:iterator value="domain.rightList" status="st" id="data">
			<tr>
				<td></td>
				<td></td>
				<td></td>
			</tr>
			</s:iterator>
		</table>	
  	</td>
  	</tr> 
  	</table>


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics