Question

我有一个扩展AbstractColumnDefinition的每个colume的列定义这些列放在PagingScrollTable的DefaultTableDefinition中

示例：

NAME | SIZE | RES |删除|

如果您注意到所有这些样式都带有光标指针，则此样式（在页面末尾）会添加到列名称中，这意味着当我将鼠标悬停在每个列表上方时会显示一只手。我想删除标题中某些单元格的光标，如删除。

您如何在PagingScrollTable的标头表的特定单元格上设置/添加/删除样式？

谢谢你

.gwt-ScrollTable .headerTable td {

border-left: 1px solid #CCCCCC;

border-right: 1px solid #CCCCCC;

border-bottom: 1px solid black;

vertical-align: bottom;

cursor: pointer;

}

Answer 1

编辑2 再次对此进行了更新，因为OP的问题最终是明确的：如何在PagingScrollTable的标头表的特定单元格上设置样式？

PagingScrollTable scrollTable = ...
scrollTable.getHeaderTable().getCellFormatter().addStyleName(row, column, "myStyleName");

其中row和column是从0开始的整数，表示标题表的哪个单元格用于设置样式。

编辑对此进行了更新，以解释如何在标题上设置样式，因为提问的人澄清了他们想要的内容。

如果要在PagingScrollTable的标题中添加样式，请执行以下操作：

PagingScrollTable scrollTable = ...
scrollTable.getHeaderTable().addStyleName(row, "myStyleName");

然后为myStyleName输入一个CSS规则，将光标设置为你想要的任何一个，如下所示：

.myStyleName {
  cursor: default;
}

请注意，光标是指针的原因是单击PagingScrollTable中的列标题将按该列对表进行排序。要禁用该功能，请致电scrollTable.setSortPolicy(AbstractScrollTable.SortPolicy.DISABLED

原始回答这会将样式添加到表格正文中的列，但不会添加页眉或页脚：

因为你提到ColumnDefinition我认为你在谈论PagingScrollTable。在这种情况下，向单元格添加CSS样式的方法是在单元格的CellRenderer中。获得ColumnDefinition后，请执行以下操作：

CellRenderer<YourRowType, String> cellRenderer = new CellRenderer<YourRowType, String>() {
  public void renderRowValue(RowType rowValue, ColumnDefinition<RowType, String> columnDef,
                             TableDefinition.AbstractCellView<RowType> view) {
    view.setHTML(value);
    view.addStyleName("myStyleName");
  }
};

columnDefinition.setCellRenderer(cellRenderer);

你必须适当地改变CellRenderer<YourRowType, String>的类型参数，但这或多或少都是如何做的。

GWT PagingScrollTable（在标头表的特定单元格上设置样式）

1 个答案: