테이블 병합

  테이블 병합하기

td의 속성을 지정하여 병합을 할 수 있다.

 

 - colspan : 가로 병합

 - rowspan : 세로 병합

 

 

 

테이블 안의 td에 rowspan 속성을 부여하면 ("rowspan="2")

td 크기가 커지며(병합) td가 한칸 밀려난다.

 

밀려난 td를 지운다.

번호	카테고리	제목
5	국어	국어점수1
5		국어점수2
5	수학	수학점수

 

세로 셀이 병합된것 처럼 보인다.

 

 

 

마찬가지로수학 점수를 지우고, 수학 td를 colspan 속성을 부여한다.

번호	카테고리	제목
5	국어	국어점수1
5		국어점수2
5	수학

<table>
  <thead>
    <tr>
      <th>번호</th>
      <th>카테고리</th>
      <th>제목</th>
    </tr>
  </thead>
  <tbody >
    <tr>
      <td>5</td>
      <td rowspan="2">국어</td>
      <td>국어점수1</td>
    </tr>
    <tr>
      <td>5</td>
      <td>국어점수2</td>
    </tr>
    <tr>
      <td>5</td>
      <td colspan="2">수학</td>
    </tr>
  </tbody>
</table>