Tooltip in table with overflow hidden
<p>I have a simple table with td <code>overflow: hidden</code> and <code>text-overflow: ellipsis</code>
I want to make a tooltip, that will "stick" <strong>EDIT: to the text (not outside the td box)</strong>  but I cannot do it with <code>overflow: hidden</code>. The tooltip is cutted off or not even visible.</p>

<p>I tried to find a solution for my problem but sadly couldn't find good one.</p>

<p>This is my code:
<a href="https://jsfiddle.net/480cgv0j/1/" rel="nofollow">https://jsfiddle.net/480cgv0j/1/</a></p>

<p>Maybe some JS will help here? But I have no clue how to do it.</p>