p:database width

[silverfox]

Hello,

I'm using primefaces-1.1.RC1-SNAPSHOT.jar (29/06/2010)

I have a p:datatable with the attribute "width" 100%, but the table is shown like this:


If I add this to my CSS file:

Code: Select all

.ui-widget-content{
	width: 100%;
}

I have the same table like this:


but this style affect more elements than p:datatable, so this is not a solution.

Is there any problem with the "width" property for p:datatable or am I doing something wrong?

Thanks

[Oleg]

Hi,

Yes. Try

Code: Select all

#myTableId .yui-dt table {
	width: 100%;
}

where myTableId is the ID of you data table.

[silverfox]

Hello again,

Thanks, Oleg. Your solution is not working because you are using the style names of yahoo, but now this name has changed in order to use themeroller themes, but your idea is a good solution:

p:datatable has to be inside a form:

Code: Select all

<h:form id="tableItemsForm">
	<p:dataTable dynamic="true" id="areaTable" var="area"
...
...
...

The style in my CSS is:

Code: Select all

#tableItemsForm .ui-widget-content {
	width: 100%;
}

If you use #areaTable instead #tableItemsForm in the CSS it doesn't work.

Anyway, I think that the "width" attribute for p:datatable is not working...