在Flex表中对齐

Question

如何在this Ui中使flex表(flex3)与顶部对齐

function doGet(e) {
  var app = UiApp.createApplication();
  var flex1 = app.createFlexTable().setBorderWidth(1);
  var flex2 = app.createFlexTable().setBorderWidth(1).setWidget(0, 0, app.createLabel('flex2'))
      .setWidget(1, 0, app.createTextArea().setHeight(400).setText('Text area in flex2'));
  var flex3 = app.createFlexTable().setBorderWidth(1).setWidget(0, 0, app.createLabel('flex3'));

  flex1.setWidget(0, 0, flex2).setWidget(0, 1, flex3);  
  app.add(flex1);
  return app;
}

期待着..。

var flex1 = app.createFlexTable().setBorderWidth(1).setStyleAttribute('vertical-align', 'top');

或

var flex1 = app.createFlexTable().setBorderWidth(1).setColumnStyleAttribute(1, 'vertical-align', 'top');

去工作。

此外，使用flow面板而不是flex作为root也不能像预期的那样工作。它垂直地堆叠了2个弯曲，而不是从左到右。

Answer 1

向底部添加这一行对我来说很管用-

flex1.setStyleAttribute(0, 1, 'vertical-align', 'top');

不确定为什么全局设置样式或设置列样式不起作用。但是，在特定的行/列上设置它似乎是可行的。让我知道。

这可能会在Issue Tracker上结束，请在那里检查并记录问题。