如何從p：dataTable中刪除border-collapse？

Question

我想從<p:dataTable>刪除border-collapse。我嘗試了幾種方法，但這裏沒有運氣是我到目前爲止已經試過：

第一：

.ui-datatable table { 
    border-collapse: hidden !important; 
} 

二：

.ui-datatable table { 
    border-collapse: none !important; 
} 

三：

<p:dataTable value="#{JpublicCalendar.public_day_1_list}" 
      var="o" 
      styleClass="value"> 
    <p:column> 
     <h:graphicImage value="PrivateDisplayImage?id=#{o.id}" 
         width="126" 
         height="64"> 
     </h:graphicImage> 
    </p:column> 
</p:dataTable> 

的CSS它：

.value { 
    border: none !important; 
    border-collapse: none !important; 
} 

Answer 1

使用下面的CSS樣式：

.value table * { 
     border: none !important; 
    }