¿Cómo doy estilo a los encabezados CellTables de gwt 2.1?

view uibinder

Question

No veo nada en la documentación, excepto una referencia para incluir algunos "CssResource" y obtenerlos con ClientBundle, pero ¿cómo anulo exactamente el tbody y el th de un CellTable?

es posible?

Answer 1

Por el gusto de hacerlo, podría agregar algo con lo que me dolía la cabeza ... si cambias cellTableStyle (); con algo más se rompe ... sin advertencia o error, el CSS simplemente no aparece como pensé. No sé dónde está documentado esto, pero lo descubrí después de tocar mucho tratando de descubrir por qué algunos CSS eran correctos y otros no.

Answer 2

He usado la solución anterior, sin embargo, si tiene otra tabla con estilo predeterminado, termina haciendo con su tabla personalizada. ¿Estás obligado a anular todas tus tablas con un estilo personalizado o hay alguna solución alternativa?

Además, creo que los constructores de CellTable son menos que óptimos ... Tengo que especificar pageSize para especificar el recurso de estilo CellTable (pageSize, resources) ... He estado poniendo Integer.MAX_VALUE para pageSize, no estoy seguro de si debería ser - 1 o algo más, ya que no hay javadoc en ese valor.

Answer 3

Por alguna razón, mi cellTable.addColumnStyleName (colNumber, "cssStyle") simplemente no funcionará. Según FireBug, no agrega el estilo sin importar qué (si el estilo era incorrecto, al menos podría haberlo agregado al atributo de clases del elemento th ...). Tal vez sea porque estoy redibujando las columnas, pero es extraño, sin embargo.

Answer 4

Crea una interfaz:

 interface TableResources extends CellTable.Resources {
@Source({CellTable.Style.DEFAULT_CSS, "<your css file>.css"})
TableStyle cellTableStyle();
}
interface TableStyle extends CellTable.Style {
}

e inicializa la tabla de la celda:

 CellTable.Resources resources = GWT.create(TableResources.class);
table = new CellTable<SomeProxy>(rowSize, resources);

En el paquete cellview.client puede encontrar los archivos gwt css predeterminados. Yo los uso como su punto de partida. En el "<your css file>.css" ponga los cambios de estilo específicos.

También puede establecer el estilo de columna (en el elemento col):

table.addColumnStyleName(colNumer, "some_css_style_name");

o mejor use el nombre del recurso css en lugar de la cadena "some_css_style_name".