table tr의 display 옵션을 변경하면 colspan이 깨진다.
뭔가 만들다가 테이블 내용 중 한 줄을 없앴다가 다시 보이게 해야 할 상황이 되었다. 간단하게 생각했는데 예상치 못한 문제가 발생. display: none;으로 설정했다가 다시 display:inline; 으로 변경하니 colspan이 적용 안되는 문제였다. (아래 첫번째 항목에서 테스트 해보자) 여러 방법으로 애써봤는데 결국 다 실패. 결국 알아낸 이유는 table-tr의 display 속성 기본값이 inline이 아니라는 거였다. display:table-row로 변경해 주니 해결되었다. 아래 2번 항목에서 테스트해볼 수 있다. 1. 문제가 발생하는 경우 첫번째 버튼을 누르면 2번째 줄 tr의 속성이 display:none; 으로 변경되고, 두번째 버튼을 누르면 display:inline; 로 변경..
