[HTML&CSS] table tr display block 시 깨지는 오류 버그

table tr(행)을 숨겼다가 다시 보여줘야 할 상황이 있다.

tr을 숨기기 위해서 "display: none;"으로 스타일을 주면 정상적으로 숨겨질 것이다.

여기서 문제는 다시 보여주기 위해서 "display: block;"을 할 경우 해당 행이 깨지는 현상을 볼 수 있을 것이다.

 

table의 경우 "display: block;"을 "display: ;" 공백으로 처리하면 된다.

스크립트로 show(), hide()를 사용해도 된다.

 

<해결 방법1>
숨기기 - display: none;
보이기 - display: ;

<해결 방법2>
숨기기 - hide();
보이기 - show();