title: Set max column widths and have words wrapped (up to two lines)
body: <p>I'm using the Bootstrap Table plugin:
  <a href="https://github.com/wenzhixin/bootstrap-table" rel="nofollow noreferrer">https://github.com/wenzhixin/bootstrap-table</a></p>
  
  <p>I would like to specify each column max-width and if some content reaches that max-width it should wrap up to two lines, after that the content should be trimmed and displayed ending in "..."</p>
  
  <p>I added this to the CSS of my tables:</p>
  
  <pre><code>.tabla&gt;thead&gt;tr&gt;th,
  .tabla&gt;tbody&gt;tr&gt;th,
  .tabla&gt;tfoot&gt;tr&gt;th,
  .tabla&gt;thead&gt;tr&gt;td,
  .tabla&gt;tbody&gt;tr&gt;td,
  .tabla&gt;tfoot&gt;tr&gt;td {
      padding: 2px;
      vertical-align: middle;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
  }
  
  .tabla{
      vertical-align: middle;  
      table-layout: fixed;
  }
  </code></pre>
  
  <p>It's displaying the columns trimmed ending in "..." but don't know how to achieve exactly what I need.</p>