<th> 요소 내에 <th> 요소를 추가합니다.

Question

2 개의 열에 걸쳐있는 머리글 중 하나가있는 html 테이블이 있습니다. 두 개의 열 각각에 하위 머리글을 추가하려면 어떻게합니까?

예 : 첨부 된 이미지에서 'Contact'열에 각 열에 'Phone'및 'Address'하위 헤더가 있어야합니다. 사전에

감사합니다.

Answer 1

당신이 종이에 표를 인출 한 것입니다 경우에도 동일한 방법 :

당신은 두 개의 헤더 행이 필요

<table> 
    <thead> 
    <tr> 
     <th rowspan="2">Name</th> 
     <th rowspan="2">Email</th> 
     <th colspan="2">Contact</th> 
    </tr> 
    <tr> 
     <th>Phone</th> 
     <th>Address</th> 
    </tr> 
    </thead> 
    <tbody> 
    <!-- your data goes here --> 
    </tbody> 
</table> 

Answer 2

다른 행을 추가하고 <td /> 태그에 하위 헤더를 넣습니다. 어쩌면 행에 클래스와 스타일에 td 텍스트를 주시겠습니까? 그렇게하면 실제 머리글과 동일하게 보이지 않으므로 혼란이 생길 ​​수 있습니다.

Answer 3

:

<tr> 
    <th rowspan="2">Name</th> 
    <th rowspan="2">Email</th> 
    <th colspan="2">Contact</th> 
</tr> 
<tr> 
    <th>Number</th> 
    <th>Address</th> 
</tr> 

Answer 4

<table> 
<tr> 
<th>Title 1</th><th>Title 2</th><th colspan="2">Title 3</th> 
</tr> 
<tr> 
<td>content</td><td>content</td><th>subtitle 1</th><th>subtitle 2</th> 
</tr> 
<tr> 
<td>content</td><td>content</td><td>content</td><td>content</td> 
</tr> 
</table>