2016年8月29日 星期一

Html rowspan 欄位合併

1.注意:
- tr 是一欄(行)
- 使用rowspan合併後,『第一筆』的資料需要『放在有用rowsapn的 tr 之中』
- 因為使用rowsapn,其實是『把格子往後推』

2.舉例:
- "56"用了rowsapn="3",他會把格子往後『推三格』
- 因此需要將『第一筆的資料』塞進去
- 所以也放在同一個 tr 之內

<tr>
<td rowspan="3">2</td>
<td rowspan="3">2</td>
        <td rowspan="3">[新聞]高雄亞灣變身3部曲邁向CBD</td>
        <td rowspan="3">56</td>

        <td>主文 / 共41則</td>
        <td>Ptt > Gossiping</td>
        <td>台灣新生報</td>
</tr>



3.完整範例


<!doctype html>
<html>
 <head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="cssName.css">
  <script src=""></script>
  <title></title>
 </head>
 <body>
  <table border="1px solid">
   <thead>
    <tr>
     <th>排序</th>
     <th>合併後則數</th>
     <th>標題</th>
     <th>當日回文數</th>
     <th>回應數</th> 
     <th>來源</th>
     <th>作者</th>
    </tr>
   </thead>
   <tbody>
    <tr>
     <td>1</td>
     <td>1</td>
     <td>20160822『中古屋價買新屋?建商讓利搶市、成交量恐暴衝?!』</td>
     <td>100</td>
     <td>主文 / 共100則</td>
     <td>Youtube關鍵字搜尋 > 關鍵字搜尋</td>
     <td>帥過頭房地產投資</td>
    </tr>
    <tr>
     <td rowspan="3">2</td>
     <td rowspan="3">2</td>
     <td rowspan="3">[新聞]高雄亞灣變身3部曲邁向CBD</td>   
     <td rowspan="3">56</td>
     <td>主文 / 共41則</td>
     <td>Ptt > Gossiping</td>
     <td>台灣新生報</td>  
    </tr>
     <tr>
      <td>主文 / 共15則</td>     
      <td>Ptt > Kaohsiung</td>
      <td>【記者吳國志/</td>
     </tr>
     <tr>
      <td>主文 / 共15則</td>     
      <td>Ptt > Kaohsiung</td>
      <td>【記者吳國志/</td>
     </tr>
   </tbody>
  </table>
 </body>

</html>

沒有留言:

張貼留言