html/css - table 구조에서 열(column)단위로 숨기기


html/css - table 구조에서 열(column)단위로 숨기기

<table> <colgroup> <col width="100"/> <col width="200" style="display: none"/> </colgroup> <tr> <td>첫번째</td> <td>두번째</td> </tr> </table> 위와 같이 쓰게 되면 두번째 열 모두 숨겨진다. * 참고사항 ) IE에 한해서 버전에 따라 display: none이 되는 놈이 있고 visibility: collpase;가 되는 놈이 있는데, 두개 다 쓰면 IE 8을 제외하고는 다 된다고 한다. (아직 테스트 못해봄) IE 8은 visibility: collpase만 적용가능하다고 하는데 테스트 해보고 글 업데이트 필요...

html/css - table 구조에서 열(column)단위로 숨기기에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.


#IT·컴퓨터

원문링크 : html/css - table 구조에서 열(column)단위로 숨기기