Conditional graphic element or html inside a cell of a bootstrap table

Hi everyone,

I have a bootstrap table working fine, with sorting and a number of dynamic attributes such as highlighting when hovering. A particular column displays a number, either 1, 2 or 3, and my goal is to reflect this other than a number, for example an RAG indicator (Red, Amber or Green). I’ve tried toggling classes using warning, danger, success, but they don’t seem to be taken into account, I guess because of the sorting, etc…

My next step was to try to put some inner html and was open to having a dirty solution like calling a 1.png, 2.png and 3.png image, but I can’t get that to work either. I then attempted to get an FA icon with different classes, and same, I fail.

What would be your suggestion to proceed?
This is what I have:

This is what I’d be looking to have:

Thanks!