que - ¿Cómo establecer el ancho de la columna datateable rendered en JSF?

phaselistener jsf

Question

JSF h: ancho de corrección de etiqueta de columna

Intenté de esta manera, pero no pude hacer que esto funcionara. Con el HTML renderizado, no veo un atributo de ancho para el encabezado ni para las filas de la tabla de datos. Estoy usando JSF 1.2 sin ningún componente libs. ¿Cual podría ser el problema?

Answer 1

Esa respuesta vinculada honestamente no tiene sentido para mí. La <h:column> tal como está en la implementación JSF predeterminada no admite esos atributos en absoluto. Está más allá de mí por qué obtuvo 6 votos y está marcado como aceptado. Será ignorancia o coincidencia (tal vez tanto el que pregunta como la respuesta están usando una implementación de JSF de la que no tengo conocimiento que tenga un procesador para <h:column> que convierte automágicamente todos los atributos desconocidos en atributos HTML reales, pero al menos, el el estándar JSF RI / Mojarra no hace eso, MyFaces tal vez?).

Dicho esto, para columnClasses estilo a las columnas por separado, debe hacer uso del atributo columnClasses de <h:dataTable> . Acepta una cadena separada por comas de nombres de clase CSS que se aplicarán posteriormente en los elemen tos <td> generados por <h:column> .

<h:dataTable columnClasses="column1,column2,column3">
    <h:column>...</h:column>
    <h:column>...</h:column>
    <h:column>...</h:column>
</h:dataTable>

Esto terminará como algo así como:

<table>
    <tbody>
        <tr>
            <td class="column1">...</td>
            <td class="column2">...</td>
            <td class="column3">...</td>
        </tr>
    </tbody>
</table>

Para especificar el ancho, simplemente aplique CSS en consecuencia.

.column1 { width: 200px; }
.column2 { width: 100px; }
.column3 { width: 50px; }