Google Apps 脚本网格列文本居中对齐

Question

grid.setWidth('600px')
  .setBorderWidth(0)
  .setCellPadding(10)
  .setCellSpacing(0)
  .setWidget(0, 0, app.createLabel(''))
  .setWidget(0, 1, app.createLabel('Not Qualified'))
  .setWidget(0, 2, app.createLabel('Directed'))
  .setWidget(0, 3, app.createLabel('Skilled'))

  .setWidget(1, 0, app.createLabel('Manager'))
  .setWidget(1, 1, pmRadio1) // Radio Button
  .setWidget(1, 2, pmRadio2) // Radio Button
  .setWidget(1, 3, pmRadio3) // Radio Button

  .setColumnStyleAttribute(1, "text-align", "center")

我想将单选按钮居中对齐到标题标签“经理”。我在setColumnStyleAttribute 中将text-align 指定为center。但它不起作用。

也尝试了以下代码。不工作

  var tt = {'text-align': 'center'}
  grid.setColumnStyleAttributes(1, tt)

第一列应左对齐，第二列应居中对齐。

Answer 1

见documentation for setColumnStyleAttribute() method：属性名必须是camelCase，所以用'textAlign'代替'text-align'。

更新

由于您使用标签小部件填充网格单元格，因此您必须使用 .setStyleAttribute('textAlign', 'center') 将样式应用于单个标签，或使用网格的 .setStyleAttributes(row, column, {attributes}) 方法将样式应用于包含标签/小部件的单元格。

您尝试使用的.setColumnStyleAttribute(column, attribute, value) 方法在网格表中创建<colgroup> 元素，并将样式应用于colgroup 中指定的<col> 元素。但是，most of style attributes are not supported in <col> element in HTML5，包括 text-align 属性 - 这就是为什么您看不到使用此方法的效果。