[CSS] Border style do not work with sticky position element

Border style do not work with sticky position element

table의 thead를 고정하고 싶을때 sticky 를 사용한다.

border를 주고 싶을 때 잘못 사용하면 막 이상하게 스크롤이 되는데 아래와 같은 방법으로 해결 할 수 있다

요약 : 

table의 속성을

border-collapse: collapse;

collapse 말고

border-collapse: separate; /* Don't collapse */

separate 로 주어야한다.

 

separate로 주었을때 border를 안줬는데도 있는 경계선이 싫다면

table에 border-spacing: 0; 를 주면된다.

 

 

 

stackoverflow.com/questions/50361698/border-style-do-not-work-with-sticky-position-element

Border style do not work with sticky position element