bslib を使用して Shiny アプリケーションの DT::datatable の CSS をカスタマイズする

Question

光沢のあるアプリケーションでカスタム CSS スタイルを DT::datatable に適用しようとしています。ユーザーがテーブル内の行を選択すると、選択した行にデフォルトの青と白のテキストではなく、黄色と黒のテキストが表示されるようにしたいと考えています。 bslib パッケージも使用すると、これを正常に実行できません。

(同様の質問がここにありましたが、後述するように答えることができません)。

bslib を使用しない場合、次のように CSS を適用できます。

リーリー

成功したCSS

しかし、bslib テーマを使用すると、同じ方法で CSS を適用できないことがわかりました。

これら 2 つのリソースでは、bslib::bs_add_rules 関数を使用してこの問題を解決することが示されています。

• https://github.com/rstudio/bslib/issues/360
• bslib 使用時に DT のデフォルトの色の選択を上書きする

これらに基づいて、次のバリエーションを試してみましたが、うまく動作しないようです:

リーリー

失敗したCSS

Answer 1

問題は object タグにあります。 HTML コードを確認すると、 sass::as_sass を使用する場合は、 table ではなく .table.dataTable tbody tr.active td である必要があることがわかります。 dataTable tbody tr.selected td

リーリー