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)方法为特定列使用样式名称。

Javadoc for CellTable

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

在“控制列宽”下。

GWT CellTable - 设置列宽

4 个答案: