如何在R语言Shiny Dashboard中调整DataTable表头高度?
解决DataTable表头高度设置无效的问题
直接设置表头容器的height不生效,主要有这几个原因和对应解决办法:
- 单位选择问题:你用的
10%是相对高度,但DataTables的表头父容器默认没有固定高度,百分比无法被正确计算。换成固定像素值(比如25px)更稳妥。 - 内边距占用空间:DataTables表头单元格(
th)默认有上下内边距,就算改了高度,内边距也会撑开单元格,所以要同时调整padding值。 - 选择器范围问题:
table().header()返回的是<thead>元素,实际控制高度的是里面的<th>单元格,需要精准选中这些单元格。
修改后的代码示例:
initComplete=JS("function(settings, json) { $(this.api().table().header()).find('th').css({ 'text-align': 'center', 'font-size': '95%', 'height': '25px', 'padding': '2px 8px' }); }")
如果还是被内置CSS覆盖,可临时加!important强制生效(尽量避免,优先用精准选择器):
'height': '25px !important'
内容的提问来源于stack exchange,提问作者matteo123
相关产品推荐
相关产品推荐

