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

如果我们使用文本作为标题，那么它可能会占用一些空间，因此我希望标题有一个图标（如删除图标），这样我可以为标题节省一些空间

我试过了

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

它说我必须重写超类型的东西

那么如何修复它呢？

试试这个：

header.setHeaderStyleNames("deleteHeader");

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

---

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

这是一个不错的解决方案，但是如何设置标题样式，因为即使我设置了较小的尺寸，图像也占据了整个标题列。columnHeader{background:url（'/images/icon/delete.png'）；背景大小：：16px 16px；}看起来不错，但是如何集中图像呢？文本对齐：居中不起作用。图像与头部左侧对齐i固定“背景位置：中心；”。再次感谢你的回答。这是将图像放入标题的最优雅的解决方案。

header.setHeaderStyleNames("deleteHeader");