如何将Image插入CellTable（GWT）的列标题？

Question

如果我们使用Text作为标题，那么它可能需要一些空间，所以我希望Header有一个图标（如删除图标），这样我就可以为Header节省一些空间。

我试过

myCellTable.addColumn(deleteColumn,new SafeHtmlHeader(SafeHtmlUtils.fromSafeConstant
("<img width=\"30px\" height=\"30px\" src=\"image/icon/delete.png\">")));

它显示了图像，但图像非常小（10px - 10px），并且图像周围有一个难看的边框。

SOmeone说使用CUstom Header，但我无法覆盖getHeaderStyleNames()。例如：

class DeleteHeader extends Header{
    @Override
    public String getHeaderStyleNames(){
        return "css style";
    }
}

它说我必须覆盖超类型的东西.... !!

那么如何解决呢？

Answer 1

试试这个：

header.setHeaderStyleNames("deleteHeader");

不要在此标题中渲染图像。例如，您可以使用标准的TextHeader。

在CSS中定义此样式，将图像作为背景。