JSFiddle - React, Tailwind, and code Playground

by NGLN

HTML

<table cellpadding="1" cellspacing="0">
    <tbody>
        <tr>
            <td rowspan="4">plah</td>
            <td rowspan="4">flah</td>
            <td rowspan="4">glah</td>
            <td class="borderLeft">vlah</td>
            <td rowspan="4" class="borderRight">mlah</td>
            <td>nlah</td>
            <td rowspan="4">jlah</td>
        </tr>
        <tr>
            <td>clah</td>
            <td>xlah</td>
        </tr>
        <tr>
            <td>plah</td>
            <td>klah</td>
        </tr>
        <tr>
            <td>qlah</td>
            <td>zlah</td>
        </tr>
    </tbody>
</table>

CSS

td {padding: 10px;}

.borderLeft {border-left:1px dotted black}

.borderRight {border-right:1px dotted black}