title: Can't enable ellipse character on long text not fitting the cell in a table
body: <p>I want an ellipsis to appear whenever the text gets cut off when the width of the table cell is too narrow to display it. According to <a href="https://css-tricks.com/snippets/css/truncate-string-with-ellipsis/" rel="nofollow noreferrer">CSS Tricks</a>, it's supposed to look as below (nothing surprising there).</p>
  
  <pre><code>td {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  </code></pre>
  
  <p>However, I can't make it work. First I thought it was because I'm applying Bootstrap and there might be some styling poofing my approach but then I tried to reproduce the error in an isolated fiddle and - tada! - I got it working. (I.e. I got it to <strong>fail ellipting</strong>, hence got the reproducible error to <strong>succeed occurring</strong>.) </p>
  
  <p>The fiddle is <a href="https://jsfiddle.net/Chamster/rLxhh69k/" rel="nofollow noreferrer">here</a>. What am I missing?!</p>