制表符标题过滤器格式答案

【问题标题】：Tabulator header filter formatting制表符标题过滤器格式
【发布时间】：2019-11-25 19:01:04
【问题描述】：

您好，我有一个制表符表格，其标题都是图标

我想为一个字段添加一个过滤器框，但是当我使用 headerFilter:true 时，过滤器位于图标下方

有什么聪明的方法可以让过滤器与图标处于同一级别，空间是我页面上的一个优先级，所以理想情况下我希望它们都对齐

【问题讨论】：

【解决方案1】：

我已经通过修改制表符 css 解决了这个问题，我必须给标题过滤器一个负的顶部位置，现在它工作正常

`.tabulator .tabulator-header .tabulator-col .tabulator-header-filter 
{
 position: relative;  
 box-sizing: border-box;
 margin-top: -23px;
 width: 100%;
 text-align: center;
 height: 33px ;
} `

【讨论】：

您介意发布您用来执行此操作的 CSS，以便其他人可以从您的知识中受益吗？
嗨 Oli 当然，我更改了 tabulator_bootsrap4.css 文件并修改了 header-filter 如下.tabulator .tabulator-header .tabulator-col .tabulator-header-filter { position: relative; box-sizing: border-box; margin-top: -23px; width: 100%; text-align: center; height: 33px ; }
您介意编辑您的答案并将其发布在其中。它会更容易阅读。干杯:)