Add badge to datatable (CSS for badge into the cell)

How can I add a badge to certain table cells?

Actually, I was able to add using
<span class="webix_badge_dt"\\> 2 </span>

and CSS
.webix_badge_dt{background-color:#d33682;color:#fff;border-radius:50%;font-size:10px;height:14px;min-width:14px;box-sizing:border-box;text-align:center;line-height:14px;position:absolute;right:0;}

My problem is that I am unable to set CSS to place the badge in the upper right corner of the cell.
And, this is very critical, when reducing the width of the column, the badge was displayed in the same cell where it was inserted (now it is generally displayed on the wrong line).


here is an example - https://snippet.webix.com/f4k0otbi there are a lot of bells and whistles, but all this is not so important. It is important that the badge be in the upper right corner of the cell and not be lost when the cell size is reduced.
_Another solution_ Is it possible that the problem can be solved by setting CSS for specific cells using dtable.addCellCss ()?

p.s. перевёл на английский через google-translate, надеюсь, смысл остался понятен.

Found a solution.


Thanks to this message https://forum.webix.com/discussion/36090/badge-on-tabbar-button from intregal, one of the solutions is to wrap the contents of the cell in a div with position: relative