가지 방법이 코드는 IE 이외의 브라우저에서 작동하고 CSS

Question

을 통해 테이블의 첫 번째 열을 숨 깁니다 :

나는 그것이 모든 브라우저에서 작동하도록하기 위해 사용된다 무엇

table.tbl.tr.td:first-child { display: none; } 

?

Answer 1

불행히도 이전 버전의 IE는 CSS의 first-child를 지원하지 않습니다. IE8에 대해 모른다. 어쨌든, 당신이 자바 스크립트를하고 싶지 않다면, 당신은 HTML에 접근 할 수 있습니다. 테이블의 첫 번째 열 tds에 "첫 번째"클래스를 할당하는 것은 꽤 쉽습니다.

이

table td.first { display: none; } 

Answer 2

글쎄, 짧은 대답은 이전 버전의 IE에서는 작동하지 않는다는 것입니다. 나는 IE8이 그것을 처리 할 것이라고 추측하고있다. 문제를 해결할 수있는 표현 인이라는 CSS 해킹이 있지만 식을 표현하는 방식이 그렇게 좋지 않습니다.

CSS를 그대로 유지하고 클라이언트가 IE에있는 경우 DOMReady에서와 동일한 JavaScript를 추가하십시오.

Answer 3

슬프게도, 거의 할 수 없습니다. <colgroup>은 유혹적이지만 브라우저는이를 다르게 취급합니다.
각 셀에 대해 수동으로 클래스를 추가하거나 JavaScript을 사용해야 할 수 있습니다.

Answer 4

귀하의 표현은 위의 전혀 작동하지 않습니다 : 당신은 다음과 같은 CSS 항목을 만들 수 있습니다

<table> 
    <tr> 
    <td class="first">...</td> 
    <td>..</td> 
    .. 
    </tr> 
</table> 

: 같은 html로 보일 것입니다. table.tbl.tr.td은 <table class="tbl tr td">과 같이 정의 된 테이블 요소를 선택하지만 해당 셀은 선택하지 않습니다.

그것은 다음과 같이해야하며 :first-child selector 모든 브라우저 인터넷 익스플로러 6 위에 꽤 많이 지원됩니다 : 당신은/할 수 있어야 IE를 들어

table.tbl tr td:first-child { display: none; } 

Answer 5

은 다음 테이블 컬럼에 대한 안부와 colspans을 설정 숨기기 CSS에있는 사람들.

지금까지 내가 알고있는 한 (이 신용에 한 번) 최고의 col 및 colspan 구현이있는 IE에서 작동합니다. 다른 브라우저는 여기에 약한 (하지만 사양의 아주 작은 부분)

table td:nth-child(1){ display:none;} 

IE에서

사용 JQuery와 크로스 플랫폼을 처리 할 수 ​​없습니다하지만 크롬 + 파이어 폭스에서 작동 확인

Answer 6

숨기기 첫 번째 열 사용하는 문제 :

$('table td:nth-child(1)').hide(); 

은 모든 브라우저에서 작동합니다.

Answer 7

는 간단하게 사용

n은 숨길 열입니다

table td:nth-child(n){ 
    display:none; 
} 

.

table.marks.hideSubject  {td:nth-child(1) {display: none;}} 
table.marks.hideDescription {td:nth-child(2) {display: none;}} 
table.marks.hideMark   {td:nth-child(3) {display: none;}} 
table.marks.hideRank   {td:nth-child(4) {display: none;}} 

Answer 8

우리가 열을 숨길 수 있습니다 CSS n 번째의 아이를 사용하여 : 여기

은 사용 예입니다. TABLE ID와 Column Indexes 만 지정하면됩니다.
이 예제에서는 테이블의 마지막 3 열을 숨기고 있습니다. 나를 위해 일한

<style> 
    #ID_OF_THE_TABLE tr *:nth-child(10),tr *:nth-child(9),tr *:nth-child(8){ 
     display: none; 
    } 
</style> 

Answer 9

솔루션은이었다

td { display: none; } 
td + td { display: table-cell; } 

자바 스크립트, 별도의 클래스의 필요의 필요가 없습니다.

환호