Icon-Component inside a grid cell with ComponentRenderer

Flow
1

I am using an Icon-Component inside a grid cell with a ComponentRenderer.

gridDrafts.addColumn(new ComponentRenderer<>(
		message -> {

			Icon icon = new Icon(VaadinIcon.CHEVRON_RIGHT);
			icon.setColor("red");
			icon.setSize("16px");
			icon.getStyle().set("cursor", "pointer");
			return icon;

})).setWidth("40px").setFlexGrow(0);

The rendered icon is followed by dots. I have no clue why …

17994464.png

2

the ellipsis (dots) is added when the column width is too narrow to display the full content. Even if you set the icons size to 16px and the column to 40px, together will all the margins and paddings and whatnot, it seems like the column is too small by a tiny bit.

try setting a little more pixels for the column width. I suspect that it only needs 2 or 3 more pixels, but maybe more.

3

set 48px for the column and the ellipsis disappeared.
thank you!