使用带有Vaadin CssLayout

Question

我需要将CssLayout行拆分为2个相等的区域，第一个包含textArea，第二个包含一个表。

所以我使用了这段代码：

@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;
        }

结果与我想要的内容不兼容，请参阅下面的图片（抱歉，我有义务删除显示的文字）

目标结果：

那么如何用css做呢。

设置高度值：

 @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

您需要确保css布局的宽度为100％。

然后，您必须使用setWidth（50，Unit.PERCENTAGE）方法设置文本区域和表格宽度，但不能使用css代码。

但是如果你想用css设置宽度，那么在文本区域和表上调用setSizeUndefined（）方法。