JSFiddle - React, Tailwind, and code Playground

by SimonSands

HTML

<table>
  <tr><th>Name</th><th>Age</th></tr>
  <tr><td>Chris</td><td>28</td></tr>
  <tr><td>Alex</td><td>24</td></tr>
</table>

CSS

body {
  font-family: sans-serif;
}

th {
  text-align: left;
}

table {
  position: relative;
  background: rgba(30, 144, 255, 0.4);
  width: 250px;
}

table::before { /* ::after works too */
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100; 
  width: 10px; /* Thickness */
  height: 40px;
  background: #555; /* Color */
}