중첩 열 병합

Question

나는 간단한 테이블을 만들려고하지만 연속 테이블 행에 colspans을 설정하면, 두 번째 행의 colspan 속성이 무시됩니다

<table class="d-week"> 
<caption> 
<h4>table</h4> 
</caption> 
<thead> 
    <tr> 
     <th class="col_first"></th> 
     <th colspan="1">1st week</th> 
     <th colspan="1">2nd week</th> 
     <th colspan="1">3rd week</th> 
    </tr> 
    <tr> 
     <th></th> 
     <th colspan="3">prop1</th> 
     <th colspan="3">prop2</th> 
     <th colspan="3">prop3</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td></td> 
     <td>col1</td> 
     <td>col1</td> 
     <td>col1</td> 
     <td>col2</td> 
     <td>col2</td> 
     <td>col2</td> 
     <td>col3</td> 
     <td>col3</td> 
     <td>col3</td> 
    </tr> 
</tbody> 
</table> 

그러나 여기, 테이블 신체 세포가 두 번째 머리글 대신 첫 번째 행의 머리글에 맞 춥니 다 (첫 번째 머리글 행에서 colspan 속성을 제거하더라도). 누군가 나를 도울 수 있습니까?

EDIT : 두 번째 헤더의 행에 3 개 이상인 경우 th? 여기 http://jsbin.com/icetom/3

Answer 1

내가 잘 이해한다면 내가 don'tknow하지만, 어쩌면 당신은 그냥 헤더의 첫 번째 행에 = 3 열 병합 설정해야합니다. 당신은 가지고있을 세포의 최대 수에 비례하여 칼날 판을 생각할 수 있습니다. 귀하의 예제에서는 10입니다. 열의 열이 더 많은 열에 걸쳐 있도록하려면 해당 열을 기준으로 숫자를 선택하십시오.

Answer 2

<table> 
<caption> 
<h4>table</h4> 
</caption> 
<thead> 
    <tr> 
     <th></th> 
     <th colspan="3">1st week</th> 
     <th colspan="3">2nd week</th> 
     <th colspan="3">3rd week</th> 
    </tr> 
    <tr> 
     <th></th> 
     <th colspan="3">prop1</th> 
     <th colspan="3">prop2</th> 
     <th colspan="3">prop3</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td></td> 
     <td>col1</td> 
     <td>col1</td> 
     <td>col1</td> 
     <td>col2</td> 
     <td>col2</td> 
     <td>col2</td> 
     <td>col3</td> 
     <td>col3</td> 
     <td>col3</td> 
    </tr> 
</tbody> 
</table> 

라이브 예 : http://jsbin.com/ateraw/