如何左对齐p：数据表过滤器文本框？

Question

<p:column style="text-align: left;width:60px;"
          headerText="Zone"
          filterBy="#{shopsCentroidMP.centroidMZone}"
          filterMatchMode="contains"
          filterStyle="width:70% !important;"
          sortBy="#{shopsCentroidMP.centroidMZone}"/>

注意：filterStyle应保持对齐。

Answer 1

如果要在过滤器文本框内对齐文本，可以将此规则添加到css中：

.ui-column-filter {
    text-align: left !important;
 }

如果只想对齐customFilterColumn中的组件：

.ui-column-customfilter {
   text-align: left !important;
}

Answer 2

只需将以下代码添加到您的数据表CSS即可。过滤器文本框将保留对齐。

.ui-datatable  .ui-column-filter {
margin-left: -2px;
}