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.