title: Change Cell Value if There is Overflow
body: <p>I am fairly sure this is impossible with just html/css, but I wanted to ask just in case. Let's say I have <code>&lt;div&gt;</code> inside a <code>&lt;td&gt;</code>, the div has the <code>overflow: hidden;</code> style. Instead of the overflow just being cut off, I want to:</p>
  
  <ol>
  <li>Detect that there is overflow.</li>
  <li>React by deleting the last 3 letters of div content and add a "..." at the end.</li>
  </ol>
  
  <p>Edit: I missed a critical detail when originally asking the question - is this possible to do with overflow-y, so I can still have multiple lines of text before it generates the "..."?</p>
  
  <p><a href="http://plnkr.co/edit/D7ttoLd9medqqWV5sXff?p=preview" rel="nofollow">PLNKR for testing</a></p>