Html & Css

가로 방향의 셀을 그룹화하기

안개핑 2016. 6. 3. 16:00

 

테이블의 가로 방향의 배열을 머리글, 꼬리글, 본문 이렇게 세가지 구조노 나눠서 각각 그룹화할수 있습니다.

화면상에서 차이는 거의 없는데요, 재무제표와 같이 나타내야 할 데이터가 많을 경우에 3부분으로 나누면 페이지 출력속도가 빨라집니다.

< tbody>부분은 하나로 한정도지 않고 여러개를 배치할 수 있으나 반드시 <thead>, <tfoot>, <tbody> 이렇게 차례로 입력해야합니다.

본문이 모두 표시되기 전에 꼬리글을 표시할수 있도록 하기 위해서죠. : )

< table border="1" width="40%">
< thead>
   <tr>
     <th>와우</th>
     <th>야후</th>
     <th>코리아!</th>
   </tr>
< /thead>

< tfoot>
   <tr>
     <th>하단</th>
       <th colspan="2">아자</th>
   </tr>
< /tfoot>

< tbody>
   <tr>
     <td>대한민국</td>
     <td>만세</td>
     <td>꿈은 이뤄질까?</td>
   </tr>

   <tr>
     <td>대한민국</td>
     <td>만세</td>
     <td>꿈은 이뤄질까?</td>
   </tr>

   <tr>
     <td>대한민국</td>
     <td>만세</td>
     <td>꿈은 이뤄질까?</td>
   </tr>
< /tbody>
< /table>