GWT CellTable - 设置列宽

Question

是否可以在GWT中设置CellTable的列宽？

Answer 1

编辑：从 GWT 2.2 开始，支持 table.setWidth 和 table.setColumnWidth

table.setWidth("100%", true);
table.setColumnWidth(nameColumn, 35.0, Unit.PCT);
table.setColumnWidth(addressColumn, 65.0, Unit.PCT);

我能够使用以编程方式设置宽度的方法来扩展 CellTable。这有点像黑客，因为所有应该执行此操作的实际方法都是 CellTable 私有的，并且似乎 GWT 应该直接提供此方法，但它似乎有效。

public void setColumnWidths(List<Integer> widths)
{
    TableElement tel = TableElement.as(getElement());
    NodeList<Element> colgroups = tel.getElementsByTagName("colgroup");
    if (colgroups.getLength() == 1)
    {
       TableColElement cge = TableColElement.as(colgroups.getItem(0));
       NodeList<Element> cols = cge.getElementsByTagName("col");
       for (int j = 0; j < widths.size(); j++)
       {
           TableColElement column = null;
           if (cols.getLength() > j)
           {
               column = TableColElement.as(cols.getItem(j));
           }
           else
           {
               column = cge.appendChild(Document.get().createColElement());
           }

           column.setWidth(widths.get(j)+"px");

       }

    }
}

Answer 2

您可以使用 addColumnStyleName(int index, java.lang.String styleName) 方法为特定列使用样式名称。

CellTable 的 Javadoc

Answer 3

对我有用的是在我的 css 中添加一个新类。此类仅应用于长度随数据而变化的选择元素。

.__gwt_cell select{
    width:170px;
}

然后将其应用到我特定的单元格样式上，例如 o：

table.getColumn(3).setCellStyleNames("yourstyle");

Answer 4

CellTable 的 GWT 文档对此进行了介绍，请参阅：
http://www.gwtproject.org/doc/latest/DevGuideUiCellTable.html

在“控制列宽”下。