0 Replies Latest reply on Sep 30, 2010 9:27 AM by snax92

    rich:column header

    snax92 Newbie

      Hi,

       

      in witch headerClass can i put a width value in the rich:column.

       

      i have to use already defined width's

      CSS:

      .colStyleSmall {
          width: 100px;
      }
      .colStyleSmallMedium {
          width: 140px;
      }
      .colStyleMed {
          width: 200px;
      }
      

       

      I tryed it with columnClasses but when i let run this page it doesn't have the correct width, should be longer.

       

      i have in each column headerClass="extdt-cell-div" there i wrap the text when it's longer than the column .. when i set there "width:200px" only the cells with the date change the length. but the column-header doesn't change ...

       

      at the moment i use firefox .. but this datatable will run later on IE

       

      PICTURE:

      width_V2.PNG

       

      CODE:

      <rich:extendedDataTable id="data_table_log" columnClasses="colStyleSmallMedium,colStyleSmall,colStyleSmallMedium"  value="#{log_Backing.allLogEntries}" var="entry" width="100%" height="320px" sortMode="single" selectionMode="none" rows="10" rowKeyVar="rkvar" reRender="scroll_log"  >
                          <!-- Date -->
                          <rich:column id="col_date" headerClass="extdt-cell-div" label="Date" sortable="true" sortBy="#{entry.logDate}" sortIconAscending="dataTableAscIcon" sortIconDescending="dataTableDescIcon">
                              <f:facet name="header">
                                  <h:outputText value="#{lbls.label_logDate}" id="header_logDate" />
                              </f:facet>
                              <h:outputText value="#{entry.logDate}" id="log_date" >
                                  <f:convertDateTime pattern="#{lbls.date_pattern}" timeZone="#{log_Backing.timeZone}" />
                              </h:outputText>
                          </rich:column>
                          <!-- Severity -->
                          <rich:column id="col_severity"  headerClass="extdt-cell-div"   label="Severity" filterExpression="#{fn:containsIgnoreCase(entry.severity, log_Backing.filterSeverity)}" breakfor="true">
                              <f:facet name="header">
                                  <h:outputText value="#{lbls.label_logSeverity}" id="header_logSeverity" />
                              </f:facet>
                              <f:facet name="filter"> 
                                      <h:selectOneMenu value="#{log_Backing.filterSeverity}" id="selectOne_severity" style="width:70">          
                                      <f:selectItems value="#{log_Backing.filterSeveritys}" />
                                      <a4j:support limitToList="true" event="onchange" reRender="data_table_log,scroll_log"></a4j:support>
                                  </h:selectOneMenu>
                              </f:facet>
                              <h:outputText value="#{entry.severity}" id="log_severity" />
                          </rich:column>
                          <!-- Source -->
                          <rich:column id="col_source" headerClass="extdt-cell-div"  label="Source" filterBy="#{entry.source}" filterEvent="onblur">
                              <f:facet name="header">
                                  <h:outputText value="#{lbls.label_logSource}" id="header_logSource" />
                              </f:facet>
                              <h:outputText value="#{entry.source}" id="log_source" />
                          </rich:column>
                          <!-- Messages -->
                          <rich:column id="col_messages" headerClass="extdt-cell-div"  label="Messages" sortable="false">
                              <f:facet name="header">
                                  <h:outputText value="#{lbls.label_logMessage}" id="header_logMessage" />
                              </f:facet>
                              <h:outputText value="#{entry.message}" id="log_message" />
                          </rich:column>
                          <f:facet name="footer">
                          <rich:datascroller align="center" for="data_table_log" id="scroll_log" />
                      </f:facet>
                      </rich:extendedDataTable>
      

       

       

      thx for your help. =D

      greez gowtham