스크롤바가 표시되지 않을 때 tbody의 너비 변경

Question

스크롤 막대가 있는 테이블이 있는데 테이블을 필터링하면 스크롤 막대가 표시되지 않는 것이 좋은데 문제는 너비가 변경되고 테이블 너비가 점점 커지고 있다는 것입니다. 다음과 같습니다:

1. 스크롤 막대 사용:

2. 스크롤 막대 없음, 필터링 후:

이것은 내 CSS 코드입니다:

으아아아

문제를 해결하는 방법은 무엇인가요?

Answer 1

스크롤바가 나타날 때 요소가 움직이지 않도록 하려면 오버플로 속성이 적용된 요소에 scrollbar-gutter:stable를 사용하세요. 아래를 참조하세요.

MDN에서 Gutter를 스크롤하세요.

으아아아 으아아아