jQuery 테이블 자동 필터가 테이블 행 높이를 계속 변경합니다. 왜?

Question

HTML 테이블을 필터링하기 위해 일부 javascript/jquery 코드를 만들었습니다. 필터는 특정 셀의 값에 따라 두 개의 클래스 ('show'및 'hide')를 할당 한 다음 CSS를 사용하여 'hide'클래스로 행을 숨 깁니다. 필터가 완벽하게 작동합니다. 그러나 필터를 적용하면 테이블 행 높이가 계속 변경됩니다 (일반적으로 높이가 크게 증가합니다 ~ 원하는 높이의 2 ~ 3 배). 왜 이런 일이 일어나는지 모르겠습니다. 내 코드는 수백 줄이므로 여기에 붙여 넣을 가치가 있다고 생각하지 않습니다. 그리고 내 코드의 섹션 (들)이 문제를 일으키는 지 (또는 문제가 자바 스크립트/jquery 또는 외부 CSS 파일과 관련이 있는지) 알 수 없습니다.

누구든지이 문제를 가장 잘 디버깅 할 수있는 방법에 대한 제안을 제공 할 수 있습니까?

EDIT : 행 높이가 증가하는 것 (주요 문제) 외에도 필터 적용시 열 너비가 조금 줄어 듭니다.

업데이트 : 문제를 해결했습니다 (적어도 행 높이를 변경하는 경우). 그것은 테이블 바디의 높이를 설정하는 CSS 설정과 관련이 있습니다. 아래의 제안 덕분에 Firebug를 사용하여 모든 것을 면밀히 검사했습니다. Firebug에서 CSS 속성을 켜거나 끌 수 있고 DOM 요소를 삭제할 수있는 기능을 발견했습니다. 이러한 기능을 사용하여 문제를 일으키는 CSS 속성을 격리 할 수있었습니다. 모두에게 감사드립니다.

Answer 1

문제를 해결했습니다 (적어도 행 높이를 변경하는 경우). 그것은 테이블 바디의 높이를 설정하는 CSS 설정과 관련이 있습니다. 아래의 제안 덕분에 Firebug를 사용하여 모든 것을 면밀히 검사했습니다. Firebug에서 CSS 속성을 켜거나 끌 수 있고 DOM 요소를 삭제할 수있는 기능을 발견했습니다. 이러한 기능을 사용하여 문제를 일으키는 CSS 속성을 격리 할 수있었습니다. 모두에게 감사드립니다.

Answer 2

this과 같은 것을 시도하고 있습니까?

그렇다면 도움이되는지 또는 문제를 재현하는 샘플을 넣을 수 있는지 확인하십시오.

내가 생각할 수있는 것은 :

1 : 숨기기/쇼가 몇 가지 문제가있을 때 적용되는 클래스입니다.

2 : 클래스를 적용하려는 요소가 잘못되었습니다.

필터 전후에 샘플 마크 업을 게시 할 수 있습니다.