Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Icon in a Table-Cell / Grid-Cell
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:
<td class="v-grid-cell" colspan="1" style="height: 38px; width: 175px;">19,00</td>
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 :)
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.