数据表筛选标题列和筛选器之间的错误空间

Question

我正在使用Primefaces + JSF开发网页。我在dataTable上使用p:selectCheckboxMenu进行了过滤，但在过滤器和标题列之间显示了一些空格，我试图删除它，但没有成功。 我的过滤器正在使用自定义对象，如果我没有出现p:selectOneMenu个空格。

有人可以帮助我吗？

页面检查器图像

我的过滤器代码：

                <p:column id="columnEmployeePost" filterBy="#{profile.employeePost}"
                filterMatchMode="in" filterStyle="white-space: normal;"
                headerText="#{language['language.datatable.profile.employeePost']}" style="white-space: normal;">                               
                <f:facet name="filter">
                    <p:selectCheckboxMenu id="employeeFilter" value="#{employeePost}"
                        onchange="PF('datatableVar').filter()"
                        converter="employeeConverterFilter"                         
                        label="#{language['language.datatable.profile.employeePost']}"
                        style="width: 100px; display: inherit; margin: 0 auto;" showHeader="true">                          
                        <f:selectItems
                            value="#{profileController.employeePosts}" var="selectEmployee"
                            itemLabel="#{selectEmployee.description}"
                            itemValue="#{selectEmployee}" itemLabelEscaped="true"/>
                    </p:selectCheckboxMenu>
                </f:facet>
                <h:outputText value="#{profile.employeePost.title}" style="white-space: normal;"/>
            </p:column>