bootstrap-vue 테이블의 오른쪽 열을 수정할 수 있나요?

Question

bootstrap-vue 테이블에서 올바른 고정 열을 원합니다. 하지만 문서의 스티커 기능은 왼쪽에만 고정되어 있습니다. 오른쪽 또는 마지막 열을 수정하는 방법이 있나요?

왼쪽 기둥과 오른쪽 기둥을 모두 제자리에 고정하고 싶습니다.

문서 웹사이트: https://bootstrap-vue.org/docs/comComponents/table#sticky-columns

으아아아

Answer 1

이는 부트스트랩의 CSS를 자체 CSS로 재정의하여 달성할 수 있습니다. 먼저 마지막 열에 stickyColumn: true 옵션과 제공하려는 다른 옵션이 있는지 확인하세요.

으아아아

이렇게 하면 클래스 이름을 쉽게 선택할 수 있습니다. 테이블의 마지막 고정 열에 right: 0:

속성을 제공하는 스타일을 적용합니다. 으아아아

코드샌드박스 예시