JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td>Section 1</td></tr>
    <tr><td>row1 1</td></tr>
    <tr><td>row1 2</td></tr>
    <tr>
      <td class="row-seperator">Section 2</td>
    </tr>
    <tr><td>row2 1</td></tr>
    <tr><td>row2 2</td></tr>
    </table>

CSS

.row-seperator{
       border-top: solid transparent 50px;
     }