rich:column header

[snax92]

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:

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