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.完整範例

 
  1. <!doctype html>
  2. <html>
  3.  <head>
  4.   <meta charset="utf-8">
  5.   <link rel="stylesheet" href="cssName.css">
  6.   <script src=""></script>
  7.   <title></title>
  8.  </head>
  9.  <body>
  10.   <table border="1px solid">
  11.    <thead>
  12.     <tr>
  13.      <th>排序</th>
  14.      <th>合併後則數</th>
  15.      <th>標題</th>
  16.      <th>當日回文數</th>
  17.      <th>回應數</th> 
  18.      <th>來源</th>
  19.      <th>作者</th>
  20.     </tr>
  21.    </thead>
  22.    <tbody>
  23.     <tr>
  24.      <td>1</td>
  25.      <td>1</td>
  26.      <td>20160822『中古屋價買新屋？建商讓利搶市、成交量恐暴衝？！』</td>
  27.      <td>100</td>
  28.      <td>主文 / 共100則</td>
  29.      <td>Youtube關鍵字搜尋 > 關鍵字搜尋</td>
  30.      <td>帥過頭房地產投資</td>
  31.     </tr>
  32.     <tr>
  33.      <td rowspan="3">2</td>
  34.      <td rowspan="3">2</td>
  35.      <td rowspan="3">[新聞]高雄亞灣變身3部曲邁向CBD</td>   
  36.      <td rowspan="3">56</td>
  37.      <td>主文 / 共41則</td>
  38.      <td>Ptt > Gossiping</td>
  39.      <td>台灣新生報</td>  
  40.     </tr>
  41.      <tr>
  42.       <td>主文 / 共15則</td>     
  43.       <td>Ptt > Kaohsiung</td>
  44.       <td>【記者吳國志／</td>
  45.      </tr>
  46.      <tr>
  47.       <td>主文 / 共15則</td>     
  48.       <td>Ptt > Kaohsiung</td>
  49.       <td>【記者吳國志／</td>
  50.      </tr>
  51.    </tbody>
  52.   </table>
  53.  </body>
  54.  
  55. </html>
張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)