R Shiny：如何使用renderTable展开列名并减小列名的字体大小

Question

我一直在使用R Shiny中的renderTable来显示我的表格。我知道如何使用CSS命令将我的表的字体大小缩小一定百分比。但是，如何解除仅列名称并减少仅列名称的字体大小？

我们可以从提供here的这个简单示例开始。代码的第一部分在默认数据集renderTable上使用iris。如何解除和缩小列名的字体大小？

Answer 1

方法

使用Firefox，我提出了https://shiny.rstudio.com/gallery/widgets.html（因为你的链接WASN＆＃39; TA完成光泽应用），然后进入所述检查器（Ctrl-Shift-I），点击了＆＃34;拾来自页面的一个元素＆＃34;图标（），然后单击表标题。

在检查员的右边，我看到＆＃34;规则＆＃34;下的有效CSS：

在那里，你可以看到

thead:first-child > tr:first-child > th {
    border-top: 0;
}

在那里，添加了两个字段，实际上是：

thead:first-child > tr:first-child > th {
    border-top: 0;
    font-size: xx-small;
    font-weight: normal;
}

并且列标题仅缩小和非粗体。

TL; DR

您可以将以下内容添加到ui元素：

tags$style(HTML("
    thead:first-child > tr:first-child > th {
        border-top: 0;
        font-size: xx-small;
        font-weight: normal;
    }
"))