如何左對齊p：datatable filter文本框？

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。過濾器文本框將leftAligned。

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

Answer 2

如果你要對齊的過濾器文本框內的文字，你可以將此規則添加到你的CSS：

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

如果要對齊只有customFilterColumn內部的組件：

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