Cambiar ancho de una tabla (af:table)

Este post vamos a cambiar una propiedad visual de la tabla.

En ADF se nos ofrece algunas propiedades muy útiles para cambiar el aspecto de un componente de manera que podemos ahorrar tiempo.
Existen en ADF otras herramientas también potentes, como son las hojas de estilo y los Selectores (Selectors), y los skins. Pero todos ellos los iremos viendo más adelante.


Tenemos el ejemplo de nuestra tabla de trabajadores de la empresa.

listado trabajadores

Nos vamos a la estructura y seleccionamos el elemento tabla, para poder acceder a sus propiedades:

pestaña Structure

Si clickamos dos veces en la pestaña de Inspector de propiedades (inspector properties), nos encontraremos con un buen conjunto de propiedades que tiene la tabla.
Tomémonos un momento para verlas aunque no vayamos a hacer nada, sólo para familiarizarnos.

Tras ese momento, podemos ir a la propiedad width (ancho), y ponerle 100%.
Esta propiedad también acepta pixels y otras unidades, por lo que es interesante adaptarlo a nuestro diseño.

Importante: En ADF 11g, es más estricto el tema de las unidades y se tiende a utilizar unidades relativas del tipo em, ex, frente a porcentajes %. Cuando estén probando esto en el JDeveloper habrá que estar atento a si nos aparece un aviso.

Guardamos los cambios y refrescamos la página (cosa que no se debe hacer si estamos trabajando en algo serio o si tenemos más datos).
Podemos ver que nuestra tabla ocupa todo el ancho de la página.

vista resultado