JSFiddle - React, Tailwind, and code Playground

by Fondzee

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<table class="table table-striped">
  <thead>
    <tr>
      <th style="width: 10%">ID</th>
      <th style="width: 40%">NAZEV</th>
      <th style="width: 10%">NECO</th>
      <th style="width: 30%">NECO</th>
      <th style="width: 10%">NECO</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu suscipit quam, et dignissim leo. Donec tempor hendrerit nisi. Vestibulum maximus erat purus, ut comm</td>
      <td>Val 3</td>
      <td>Val 4</td>
      <td>Val 5</td>
    </tr>
    <tr>
      <td>9999</td>
      <td>název</td>
      <td>Val 3</td>
      <td>Val 4</td>
      <td>Val 5</td>
    </tr>
  </tbody>
</table>

CSS

table { table-layout: fixed; }
 table th, table td { overflow: hidden; }