Aufteilung eines Bereichs auf 2 gleiche Spalten in der Verwendung von CSS mit Vaadin CssLayout

Question

Ich muss eine CssLayout Zeile auf 2 gleiche Fläche, die erste wird eine TextArea, die zweite eine Tabelle enthalten.

So habe ich diesen Code:

@Override 
     protected String getCss(Component c) { 
      if (c instanceof TextArea) { 
       return "width: 50%; float:left"; 
      } 
      if (c instanceof Table) { 
       return "width: 50%; float:right"; 
      } 
      return null; 
     } 

Das Ergebnis ist nicht kompatibel mit dem, was ich bekommen will, siehe Bilder unten (Leider war ich verpflichtet, die angezeigten Texte zu löschen)

Gezielter Ergebnis:

So, wie es mit CSS zu tun ist.

Einstellung der Höhenwerte:

@Override 
     protected String getCss(Component c) { 
      if (c instanceof EsolifeTextAreaWordingLanguage) { 
       return "height: 213px"; 
      } 
      if (c instanceof Table) { 
       return "height: 219px;padding-left: 8px"; 
      } 
      return null; 
     } 

Answer 1

Sie müssen, dass CSS-Layout hat 100% Breite zu gewährleisten.

Dann müssen Sie Textbereich und Tabellenbreite mit setWidth (50, Unit.PERCENTAGE) -Methode, aber nicht mit CSS-Code festlegen.

Aber wenn Sie Breite mit CSS setzen möchten dann auf Textbereich und Tabelle aufrufen setSizeUndefined() -Methode.