How to modify graphical aspect of column

cybersven

I have a column with color values like : yellow, blue, red,... I would like to replace the text of the color by a rectangle of the color.
Before using DataTables, I was doing that by adding :
<span style="border:1px solid black;font-size:200%;color:NAME_OF_THE_COLOR">███</span>
It still working but if I click on the column to filter it, it doesn't work so how can I do to get the filtering, the color but NOT the text ?
hope that I'm clear

tangerine

if I click on the column to filter it

What do you mean? Clicking on a column (heading) ordinarily means ordering, not filtering.

cybersven

Yep ordering sorry

cybersven

Actually I've added a display:none on text maybe there is a better solution.