Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- local
- documentdb
- JenkinsFile
- PayPay
- 미츠이 스미토모
- vba
- Selenium
- 메르페이
- 三井住友カード
- 熱海
- 프라하
- javascript
- node.js
- PostgreSQL
- codebuild
- typescript
- 방콕
- 페이페이
- 釜つる
- 아타미
- Python
- react.js
- pyenv
- 뮌헨
- 태국
- terraform
- CSV
- 체코
- 카마츠루
- duckdb
Archives
- Today
- Total
목록column고정 (1)
도쿄사는 외노자
테이블에서 sticky로 컬럼 고정시의 border투명화 현상 해결
좌측 복수 열을 고정시킨 테이블을 작성. 열 고정에는 sticky를 사용. TD에 사용한 CSS는 다음과 같다. border는 class로 부여, position을 sticky로 하고, 고정하고 싶은 left를 설정. 위와 같은 방법으로 1~3열을 고정으로 지정하였다. 2번째 열부터는 앞의 열의 width를 left로 설정해야 한다 (width설정 및 const화 필수) 위와 같이 설정한 경우 sticky를 설정한 셀의 border가 투명해져버려, 스크롤 이동 시 다른 셀의 내용 및 border가 비쳐 보이게 된다. 대략 이런 식으로... 분명 흰색으로 border를 설정해 놓았건만 위와 같은 식이다. 이를 해결한 방법은 다음과 같다. Table에 borderCollapse를 separate로 지정하고,..
Tech/HTML・CSS
2021. 4. 21. 19:40