पी में हेडर को शैलियों को लागू करना: डेटाटेबल

Question

मैं जानना चाहता हूं कि प्राइमफेस डेटाटेबल में हेडर कॉलम के लिए शैलियों को कैसे लागू करें। मैं rowStyleClass विशेषता का उपयोग कर पंक्तियों के लिए शैलियों को बदलने में सक्षम था। लेकिन सुनिश्चित नहीं है, हेडर कॉलम के लिए शैली को कैसे बदलें। एक नमूना उदाहरण वास्तव में सहायक होगा। मैं नीचे की कोशिश की है, लेकिन संपूर्ण स्तंभ के लिए शैली परिवर्तित करने के लिए

<p:column id="SelectallID" headerText="Select ID" style="text-align:center; background-color:#C6C3C6;padding:12px;"> 
<h:outputText> 
<h:selectBooleanCheckbox id="checkbox2" value="#{car.selected}"/> 
</h:outputText> 
</p:column> 

जब मैं ऊपर का उपयोग करें, संपूर्ण स्तंभ शैली बदल जाओ करने लगता है लगता है। लेकिन मैं केवल हेडर कॉलम के लिए शैली बदलना चाहता हूं। कृपया सहायता करें। अग्रिम में धन्यवाद।

Answer 1

Primefaces datatable हेडर एक एचटीएमएल <th> तत्व उत्पन्न करते हैं। आप अपनी शैली परिभाषा में एक तत्व का भी उपयोग कर सकता है:

th { 
    color: red !important; 
} 

उदाहरण के लिए हो जाएगा ताकि पृष्ठ पर सभी <th> तत्वों का फ़ॉन्ट रंग बदलने।

यह चयन आपके उद्देश्यों के लिए पर्याप्त रूप से विशिष्ट नहीं है, तो आप इसे datatable की आईडी के साथ गठबंधन कर सकते हैं:

#review-table th { 
    color: red; 
} 

Answer 2

मैं जानता हूँ कि यह पुराना है लेकिन सिर्फ मामले में किसी और को यह पाता है:

इस तरह columnGroup: एपी के साथ DataTable:

आप एपी बना सकते हैं

<p:dataTable id="example" value="#{bean.values}" var="value"> 
    <p:columnGroup type="header"> 
     <p:column headerText="column1" /> 
     <p:column headerText="column2" styleClass="text-left"/> 
     <p:column headerText="column3" styleClass="text-left"/> 
    </p:columnGroup> 
    <p:column>#{value.val1}</p:column> 
    <p:column>#{value.val2}</p:column> 
    <p:column>#{value.val3}</p:column> 
</p:dataTable> 

columnGroup में शैली हेडर <th> और शैली को प्रभावित करेगा में शेष कॉलम <td>

को प्रभावित करेगा मुझे आशा है कि इस मदद करता है।