[ Library/DataTables ]
상단의 테이블 헤더가 아래 컬럼과 맞지 않을 때
2022-01-25 14:08:53
아래의 스크린샷은 이해를 바람. 중요한것은 빨간박스의 컬럼헤드를 보면 됨 화면의 해상도가 안맞거나 줄어들때 데이터테이블의 사이즈가 변경되는데 아래처럼 헤드는 같이 움직이지 않고 지정된 해상도에 맞게 처리된다. 하지만 아래의 스크린샷은 컬럼에만 적용되는 스크롤바가 생겨서 넘어가게 되어 결과적으로 테이블의 헤더와 바디의 컬럼이 맞지 않게 되는 현상이 생겨서 상당히 불편하게 된다. 재수가 없다 ㄹㅇ; 불편 그자체다. 이렇게 스크롤 바를 당기면 컬럼 내용과 맞지 않게 된다. ㅇㅇ 이걸 아래의 컬럼내용의 사이징을 줄이지 않고 바디 컬럼과 같이 움직이게 == 헤드도 스크롤바를 당겼을 때 같이 움직이게 만들자. 데이터 테이블을 사용했을 시 dataTables_scrollHeadInner 라는 class가 생성되는데 ..