xHTML : 테이블의 영역 (div)

Question

테이블이 있는데이 영역에 자바 스크립트를 삽입하려면이 테이블 안의 영역을 표시하고 싶습니다. 테이블 내부에 div 영역이 필요하지만 XHTML 1.0에서 이렇게 할 수 없다고합니다.

<table> 
    <caption><p>...</p></caption> 
    <tbody> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
     <td>3</td> 
     <td>10</td> 
    </tr> 
    </tbody> 
</table> 

나는 그런 일이 필요합니다 :

내 표는 다음과 같습니다

<table> 
    <caption><p>...</p></caption> 
    <tbody> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
    <!-- region start e.g. <div class="myRegionInsideTR"> 
     <td>3</td> 
     <td>10</td> 
     region end </div> --> 
    </tr> 
    </tbody> 
</table> 

가 그럼 난, 예를 들어 싶지을

$(".myRegionInsideTR").attr("noSense", true).css("display", "none"); 

가장 적합한 방법은 무엇입니까?

Answer 1

당신은 COLGROUP을 원하는 :

<table> 
    <caption><p>...</p></caption> 
    <colgroup><col span="2"></col><col span="2" class="democol"></col></colgroup> 
    <tbody> 
    <tr> 
     <td>1</td> 
     <td>2</td> 

     <td>3</td> 
     <td>10</td> 

    </tr> 
    </tbody> 
</table> 

바이올린 : 어떤 이유로,이 바이올린은 크롬에서 작동하지 않습니다하지만 파이어 폭스에서 작업을 수행하는 것이 http://jsfiddle.net/vMKgC/

참고.

Answer 2

xhtml에서 벗어나면 엄격함은 이와 같은 제한을 초래합니다.

표의 일부이므로 표 형식의 데이터 만 표시 할 수 있으므로 디자인을보고 솔루션에서 사용할 테이블을 찾아야합니다.

비록 사이트있어서하십시오 TD의 http://xhtml.com/en/xhtml/reference/td/#td-contains 또는 http://www.december.com/html/x1/element/td.html 내용 DIV 완벽하게 법적 블록 또는 인라인 요소되어야한다.