
tabulator를 이용해 그리드를 표출했지만
디자인과 어울리지 않게 기본 scroll이 적용되었음.
코드는 다음과 같다

class = “tabulator-tableholder“에 적용시켜야 css 가 적용됨
.tabulator-tableholder::-webkit-scrollbar{
width:16px;
}
.tabulator-tableholder::-webkit-scrollbar-thumb{
background: rgba(85,147,255, 0.6);
border-radius: 10px;
background-clip: padding-box;
border: 5px solid transparent;
}
.tabulator-tableholder::-webkit-scrollbar-track{
background: rgba(100,126,236, 0);
}
.tabulator .tabulator-tableholder::-webkit-scrollbar-corner {
background: *transparent*;
}
'CSS' 카테고리의 다른 글
css페이지 인쇄 시 배경색 보이지 않을 때 (0) | 2025.02.11 |
---|---|
CSS 글자가 공간에서 넘칠 때 말줄임표 사용하는 방법 (0) | 2025.02.10 |
Css로 체크 모양 아이콘만들기 (1) | 2025.01.28 |
css로 사다리꼴 만들기 (0) | 2025.01.28 |
<label>태그를 이용한 input radio 버튼 디자인 (0) | 2025.01.27 |