Agregar estilo personalizado a una CellTable GWT(en este caso todas las celdas)

gwt-2.2-celltable

Question

Tengo un caso donde quiero anexar

white-space: nowrap;

al estilo de cada celda en mi CellTable. Actualmente se aplica a todas las tablas, pero sería bueno saber que ambos tienen que aplicarla para una CellTable específica y todas las CellTable.

Answer 1

CellTables tiene su propio CssResource . Para anular este estilo aplicado a todas las celdas en una tabla de celdas, cree un nuevo archivo css:

/* Incremental changes from CellTable.css */ 
.cellTableCell {
  white-space: nowrap;
}

Luego crea tu propia interfaz CellTable.Resources:

public interface TableResources extends CellTable.Resources {

    /**
       * The styles applied to the table.
       */
    interface TableStyle extends CellTable.Style {
    }

    @Override
    @Source({ CellTable.Style.DEFAULT_CSS, "MyOwnCellTableStyleSheet.css" })
    TableStyle cellTableStyle();

}

Finalmente, al crear su cellTable, use el constructor que le permite especificar qué recursos usar

CellTable<Object> myCellTable = new CellTable<Object>(15, GWT.create(TableResources.class));

Para ver un ejemplo práctico, consulte la muestra de Gastos que se proporciona en el SDK de GWT.

Answer 2

O podrías hacerlo de la manera más fácil:

CellTable<YourObj> yourTable = new CellTable<YourObj>();
yourTable.getElement().getStyle().setWhiteSpace(WhiteSpace.NOWRAP);

No hay archivos css, no hay código extraño de repetitivo.