Extended DataTable - Group header with improper width.

[jk_dev]

Hi...

How to control the width of the Group header row (the group's header/title that we get upon grouping ) of an extended data table... ??

I am able to see proper size of the group in Google chrome browser. But in internet explorer(6.0) it shrinks in size and only 3/4 of the text(group header) is displayed.

I tried the rowClass & headerClass attributes of Column and ExtendedDataTable tag, But of no use...

Thanks
jk[/img]

[ilya_shaikovsky]

need the code and the screenshot..

[jk_dev]

hi..

Thanks for the reply. Find below the code and the image link.

<h:form>

 <rich:extendedDataTable onmouseover="this.bgColor='#E6EFF7'"
 onmouseout="this.bgColor='#ffffff'" id="edt"
 value="#{accountListBean.users}" var="accountMgr" width="100%"
 rows="8" groupingColumn="accname" height="410px">

 <rich:column id="accname" width="105"
 sortBy="#{accountMgr.accname}">
 <f:facet name="header">
 <h:outputText value="Area" />
 </f:facet>
 <h:outputText value="#{accountMgr.accname}" />
 </rich:column>

 <rich:column id="agency" width="30%" sortBy="#{accountMgr.agency}">
 <f:facet name="header">
 <h:outputText value="Agency" />
 </f:facet>
 <h:outputText value="#{accountMgr.agency}" />
 </rich:column>
 <rich:column id="accexec" width="10%"
 sortBy="#{accountMgr.accexec}">
 <f:facet name="header">
 <h:outputText value="Executive" />
 </f:facet>
 <h:outputText value="#{accountMgr.accexec}" />
 </rich:column>

 </rich:extendedDataTable>

 </h:form>

[url=http://img338.imageshack.us/i/extendeddatatable.jpg/][img=http://img338.imageshack.us/img338/3030/extendeddatatable.th.jpg][/url]

[/url]



Thanks

jk

[ilya_shaikovsky]

do you have some extendedTable rich-* css classes redefined?

[jk_dev]

No i haven't modified any of the richfaces css...

[ilya_shaikovsky]

ok.. check please with firebug which classes applied to header of group.

[jk_dev]

:-( thatz a bug with richfaces.

http://www.jboss.org/index.html?module=bb&op=viewtopic&t=151616

https://jira.jboss.org/jira/browse/RF-6477


Thanks for ur help.

jk

[jk_dev]

I was able to customize it using the .extdt-group-cell style property.

.extdt-group-cell {
height: 20px;
padding: 4px;
background-color: #EFEFF4;
border-bottom: 1px solid #B2B1B5;
border-top: 1px #c0c0c0 solid;
font-family: Arial,Verdana,sans-serif;
font-size: 11px;
}


Thanks

JK