未设置 headerfilter 时制表符垂直对齐标题答案

【问题标题】：Tabulator vertical align headers when no headerfilter is set未设置 headerfilter 时制表符垂直对齐标题
【发布时间】：2021-06-16 21:09:29
【问题描述】：

我有一个表，我想要一些带有 headerFilter 的列和一些没有的列。那些没有过滤器的列的标题在底部垂直对齐。

我只在文档中找到了 headerHozAlign，但没有找到用于垂直对齐的。有没有简单的方法可以做到这一点，还是我必须操纵 css？

编辑 1：

我认为这与我的样式表交互有关。我使用 bootstrap 4.5 css 和 tabulator_bootstrap4 css。

<!-- Bootstrap 4.5.0 -->
<link rel="stylesheet" href="/bootstrap.min.css">

<!-- Tabulator 4.9.3 -->
<link rel="stylesheet" href="/tabulator_bootstrap4.min.css">

当我删除 bootstrap 4.5 css 时，标题看起来应该是这样的（网站的其余部分看起来很奇怪，很明显）。

制表符文档只是说

兼容 Bootstrap 4 的主题[...] 样式表将标准引导表样式映射到 Tabulator。 Source

这可能是问题所在吗，制表符样式表仅适用于引导程序版本 4？

【问题讨论】：

标签： css tabulator

【解决方案1】：

您是否有一些代码显示它失败了？因为这个jsfiddle 表明它根本不应该那样做

<leavemealone/>

【讨论】：

感谢您的回复。我的表的代码与您的小提琴中的代码基本相同。我编辑了我的帖子并指出了问题，因为它可能是由不同的样式表引起的。

【解决方案2】：

使用表格构造函数中的columnHeaderVertAlign 选项为整个表格设置列标题的垂直对齐方式：

var table = new Tabulator("#example-table", {
   columnHeaderVertAlign:"bottom",
});

它接受 top、middle 或 bottom 的值

【讨论】：