title: Tooltip in table with overflow hidden
body: <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>