열의 크기를 조정하거나 레이아웃을 바꾸지 않고 표 행 숨기기

Question

일부 행이 숨겨 지도록 표를 접기를 원합니다.

행을 숨길 때 주위로 도약하지 않도록 열의 크기를 유지하려고합니다 (display : none을 사용하면 발생하지만 실제로는 테이블 너비도 변경 될 수 있음).

또한 창 크기가 변경되면 테이블을 리플 로우하여 데이터로 가득 찬 테이블에 사용자가 기꺼이 사용할 수있는 공간을 많이 차지하도록해야합니다.

visibility: collapse; 

나를 위해이 모든 것을 않습니다,하지만 IE에서 작동하지 않습니다 (심지어 IE8, 100 % 준수, 우리이다 마이크로 소프트?).

Hiding table rows without resizing overall width은 IE에서 작동하지만 더 이상 리플 로우하지 않도록 테이블 크기를 수정합니다.

더 좋은 해결책이 있습니까? 아니면 그냥 포기해야합니까?

Answer 1

IE에서 작동하는 예제 코드를 사용하고 onresize를 감지 할 수있는 코드를 추가하십시오.

원래 테이블 크기를 기반으로 계산할 수도 있고 제한을 제거 할 수도 있습니다. 숨기기 코드에 빠르게 응답하고 답장하십시오.