jsf - tablas - Establecer p: tabla de datos p: ancho de columna

mvc jsf example

Question

Estoy tratando de establecer los anchos de columna de mi tabla de datos. He mirado esta pregunta para una respuesta ¿Cómo establecer el ancho de ap: column en ap: dataTable en PrimeFaces 3.0? .

Sin embargo estoy tratando de hacer algo un poco diferente. Solo quiero que la columna sea tan ancha como el elemento más ancho que muestra. La mayoría de mis datos son texto.

Así, por ejemplo, no debería verse así.

----------------------------- | This is some text | -----------------------------

Debe tener un aspecto como este

--------------------- | This is some text | ---------------------

Si hay varias filas, el coulmn debe ser tan grande como el elemento más ancho.

Answer 1

La respuesta de Maco funciona a la perfección. Sin embargo, para aquellos cuyas columnas de datos y encabezados no están alineados, una solución es agregar un estilo a cada <p:column> con el atributo de min-width deseado (tenga en cuenta que debe ser el mismo para todos <p:column> del <p:dataTable> ). Podría ser más práctico definir una clase de estilo en su css y referirse a ella usando el atributo styleClass en <p:column> . De esa manera, si decide cambiar el ancho mínimo, solo tendrá que cambiarlo en un lugar.

<p:column style="min-width: 100px;">
...
</p:column>

Probado en PF 5.3

Answer 2

Si quieres que el ancho de la mesa permanezca al 100%, usa

tableStyle="table-layout: auto;"

Answer 3

Yo siempre uso

<p:dataTable ........ tableStyle="width:auto">

Y hace lo que creo que esperas que tu datatable haga.

Answer 4

tableStyle = "width: auto! important;" también cambia los encabezados de ancho