1. 程式人生 > >java 頁面上表格的td 的 colspan 和 rowspan 屬性

java 頁面上表格的td 的 colspan 和 rowspan 屬性

td 的 colspan屬性代表所佔列數, rowspan 屬性代表所佔行數。

  1. <tableborder="10">
  2. <tr>
  3.   <tdcolspan=2align="center">員工號</td>
  4. </tr>
  5. <tr>
  6. <tdrowspan=2align="center">學歷</td>
  7. <tdalign="center">專業</td>
  8. </tr>
  9. <tr>
  10. <tdcolspan=2align="center">畢業學校</td>
  11. </tr>
  12. </table>
3行2列,10代表10px,畫素點。



<th align="center" colspan="2" width="250" rowspan="1">銀行交易額</th>
					<th align="center" colspan="2" width="250" rowspan="1">資金髮生額</th>
					<th align="center" colspan="2" width="250" rowspan="1">對賬結果</th>

   一個th 佔一行兩列: rowspan =1 表示佔1行, colspan=2, 表示佔兩列。
<th data-order-field="FUNDS_IN_AMT" width="125" align="center" rowspan="1">入金</th>
					<th data-order-field="FUNDS_OUT_AMT" width="125" align="center" rowspan="1">出金</th>	
					<th data-order-field="FUNDS_IN_RESULT" width="125" align="center" rowspan="1">入金</th>
					<th data-order-field="FUNDS_OUT_RESULT" width="125" align="center" rowspan="1">出金</th>
				    <th data-order-field="FUNDS_IN_ADJUST" width="125" align="center" rowspan="1">入金</th>
					<th data-order-field="FUNDS_OUT_ADJUST" width="125" align="center" rowspan="1">出金</th>	

rowspan=1, 表示佔一行。

2):和並列


  這個表示一行佔3列:

<td align="center"><#list transTypeAndBankTransType as ttab> <#if bankOrderDetailStaticDto.transType?? && bankOrderDetailStaticDto.transType?string== ttab.key>
						${ttab.value!''} </#if> </#list></td>
				<#elseif bankOrderDetailStaticDto.transType?? && bankOrderDetailStaticDto.transType?number == 99>
					<td align="right" colspan="3"><#list transTypeAndBankTransType as ttab> <#if bankOrderDetailStaticDto.transType?? && bankOrderDetailStaticDto.transType?string== ttab.key>
						${ttab.value!''} </#if> </#list></td>
				<#else>