java 頁面上表格的td 的 colspan 和 rowspan 屬性
阿新 • • 發佈:2018-12-23
td 的 colspan屬性代表所佔列數, rowspan 屬性代表所佔行數。
- <tableborder="10">
- <tr>
- <tdcolspan=2align="center">員工號</td>
- </tr>
- <tr>
- <tdrowspan=2align="center">學歷</td>
- <tdalign="center">專業</td>
- </tr>
- <tr>
-
<tdcolspan=2align="center">畢業學校</td>
- </tr>
- </table>
<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>