Icon in a Table-Cell / Grid-Cell

Vaadin 6 / 7 / 8
1

I would like to mark some cells in a table or Grid with a specific style (‘.cell.link’) so that I can add an icon to it. The icon should show that a double click is possible to get additional information.

I found a cool way how the combobox make this:

.v-filterselect [class$=“button”]
:before {font-family: FontAwesome;
content: “\f078”;
-webkit-transition: color 140ms;
-moz-transition: color 140ms;
transition: color 140ms;
position: absolute;
width: 37px;
text-align: center;
top: 50%;
line-height: 1;
margin-top: -0.47em;
}

now, my question is, how can add this font dynamically to this:

19,00

When I add cell.link as a style to it, how do I have to modifiy the css that it works. Do I have to add a seperate div into the td?

Hope I could descripe what I want to do :slight_smile:

2

With Grid I think you should rely on a Renderer. Take a look at
http://demo.vaadin.com/sampler/#ui/grids-and-trees/grid/renderers
 In the linked example the source code shows usage of an HtmlRenderer to achieve the cell icon.