Datatable rendering problem on IE7

[lordpixel]

Hi all

I've a little problem of header rendering with IE7.
If the text in the header is long the header doesn't wrap the text and the header cell overflow on the column after, overwriting the text...
Have you seen this problem??

[ullrich]

Hi,

I have the same problem using IE 6 and IE 8.

It seems to be a problem with floating of

Code: Select all

.ui-datatable th .ui-datatable-liner

in the stylesheet datatable.css.

I'm not a css expert so I don't know the best way around that problem.

[cagatay.civici]

Can you please post a screenshot? We can fix this issue as we are in the process implementing the new datatable of 2.2.

[ullrich]

Hi,

I don't know how to post a screenshot.

You can reproduce the problem if you modify the basic datatable showcase (use very long text for headers):

Code: Select all

<p:dataTable var="car" value="#{tableBean.carsSmall}">
	<p:column>
		<f:facet name="header">
			A very very long Model header
		</f:facet>
		<h:outputText value="#{car.model}" />
	</p:column>
			
	<p:column>
		<f:facet name="header">
			A very very long Year header
		</f:facet>
		<h:outputText value="#{car.year}" />
	</p:column>
			
	<p:column>
		<f:facet name="header">
			A very very long Manufacturer header
		</f:facet>
		<h:outputText value="#{car.manufacturer}" />
	</p:column>
	
	<p:column>
		<f:facet name="header">
			A very very long Color header
		</f:facet>
		<h:outputText value="#{car.color}" />
	</p:column>
</p:dataTable>

(I have tested with "Redmond" theme style.)

[cagatay.civici]

Ok, thanks, we'll check this during new datatable work.