gwt - CellTable 上的复合单元格宽度

Question

我有一个复合单元格，它工作正常，它有一个 textinputcell 和一个按钮单元格。但是，当它显示时，它会将按钮单元格放在文本输入单元格下方，如图所示：

这是我使用hascells的compositecel的实现：

final HasCell<ObjetoDato,String> celda1=new HasCell<ObjetoDato,String>(){
    TextInputCell celda;

    @Override
    public Cell<String> getCell() {
        celda=new TextInputCell();
        
        return celda;
    }

    @Override
    public FieldUpdater<ObjetoDato, String> getFieldUpdater() {
        return null;
    }

    @Override
    public String getValue(ObjetoDato object) {
        //new Scripter(object,actual.getComportamiento(),true);
        return object.getValor(actual.getNombreCampo());    
    }

    
    
};                        
HasCell<ObjetoDato,String> celda2=new HasCell<ObjetoDato,String>(){
    ButtonCell celda;

    @Override
    public Cell<String> getCell() {
        celda=new ButtonCell();
        
        return celda;
    }

    @Override
    public FieldUpdater<ObjetoDato, String> getFieldUpdater() {
        return new FieldUpdater<ObjetoDato, String> (){
            
            @Override
            public void update(int index,ObjetoDato object, String value) {
                new Seleccionador(actual.getClaseRelacion(), actual.getNombreCampo(),object.getValor(actual.getNombreCampo()), object.getIdRelacion(actual.getNombreCampo()), object,tabla,object,actual.getComportamiento());
            
            }
        };
    }

    @Override
    public String getValue(ObjetoDato object) {
        
        return "...";
    }
    
    
};
//Composite
List<HasCell<ObjetoDato,?>> celdas = new LinkedList<HasCell<ObjetoDato,?>>();
celdas.add(celda1);
celdas.add(celda2);
CompositeCell<ObjetoDato> cell = new CompositeCell<ObjetoDato>(celdas);

Column<ObjetoDato,ObjetoDato> columna = new Column<ObjetoDato,ObjetoDato>(cell) {
        @Override
                public ObjetoDato getValue(ObjetoDato object) {
                    return object;
                }
};

//columna.setCellStyleNames("columna3puntos");
tabla.agregarColumna(columna,actual.getCaption());

Answer 1

您可能想看看您的 render() 方法。此外，如果您的内部单元格使用块元素，例如<div>. 它将垂直显示。因此，您可以将其更改为<span>. 或者你可以添加 style="float:left;" 到你的 div 的 CSS。我有和你类似的东西。但我的是一个 2 行表的自定义单元格，有 1 列，如下所示：

+----+
|    |
+----+
|    |
+----+

我使用 CellList 来保存许多这些自定义单元格。CellList 的问题在于它垂直显示它们。所以我必须覆盖 CellList 才能水平显示。我修改了 CellList 的模板，使其具有 float:left 并且我的单元格开始水平渲染，如下所示：

+----+     +----+   +----+
|    |     |    |   |    |
+----+     +----+   +----+
|    |     |    |   |    |
+----+     +----+   +----+