JSFiddle - React, Tailwind, and code Playground

by cmruser

HTML

<table>
<tr>
  <td>hello</td>
  <td>hello</td>
  <td>hello</td>
  <td>hello hello</td>
  <td>hello 123 hello</td>
  <td>hello hello 123 hello</td>
  <td>hello hello 123 hello</td>
  <td>hello hello 123 hello</td>
  <td>hello hello 123 hello</td>
  <td>hello hello 123 hello</td>
  <td>hello hello 123 hello</td>
  <td>hello hello 123 hello</td>
  <td>hello hello 123 hello</td>
  <td>hello hello 123 hello</td>
  <td>hello hello 123 hello</td>
  <td>hello hello 123 hello</td>
</tr>
</table>

CSS

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
td {
  overflow: hidden;
  resize: horizontal;
  border: 1px solid #ccc;
}
::-webkit-resizer {

background-color: red;
width: 2px !important;
}

div {
  resize: inline;
  overflow: auto;
  width: 120px;
  height: 120px;
  margin: 0px;
  padding: 0px;
  border: 1px solid black;
  display:block;

}