bslib를 사용하여 Shiny 애플리케이션에서 DT::datatable의 CSS를 사용자 정의하세요.

Question

샤이니 앱의 DT::datatable에 사용자 정의 CSS 스타일을 적용하려고 합니다. 사용자가 테이블에서 행을 선택할 때 선택한 행에 기본 파란색, 흰색 텍스트 대신 노란색, 검정색 텍스트가 나타나기를 원합니다. bslib 패키지도 사용하면 이 작업을 성공적으로 수행할 수 없습니다.

(여기에서도 비슷한 질문이 올라왔지만 아래에서 설명하겠지만 답변을 드릴 수 없습니다.)

bslib 없이 다음과 같이 CSS를 성공적으로 적용할 수 있습니다.

으아악

성공을 위한 CSS

그러나 bslib 테마를 사용하면 같은 방법으로 CSS를 적용할 수 없다는 것을 알았습니다.

이 문제를 해결하기 위해 bslib::bs_add_rules 함수를 사용하는 방법을 가리키는 다음 두 리소스를 확인했습니다.

• https://github.com/rstudio/bslib/issues/360
• bslib 사용 시 DT 기본 색상 선택 재정의

이를 바탕으로 다음 변형을 시도했지만 제대로 작동하지 않는 것 같습니다.

으아악

실패한 CSS

Answer 1

문제는 개체 태그에 있습니다. HTML 코드를 확인하면 sass::as_sass를 사용할 때 table이 아닌 .table.dataTable tbody tr.active td 여야 함을 알 수 있습니다. 데이터테이블 tbody tr.selected td

으아아아