JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Rowspan, Where Art Thou?</title>
</head>
<body>

<table style="border-collapse: collapse;">
    <tbody>
        <tr>
            <td rowspan="3">
                <div style="background-color: red; display:flex;
                    flex-flow: column-reverse nowrap; justify-content: space-between;">
                    <span>0</span>
                    <span>1</span>
                    <span>2</span>
                    <span>3</span>
                </div>
            </td>
            <td style="background-color: blue; height:5px;"></td>
        </tr>
        <tr>
            <td style="background-color:purple; width:300px; height:300px;
                border-left:1px solid black; border-bottom:1px solid black;"></td>
        </tr>
        <tr>
            <td style="background-color: blue; height:5px;"></td>
        </tr>
        <tr>
            <td></td>
            <td style="display:flex; flex-flow:row nowrap;
                justify-content: space-around; background-color:yellow;">
                <span>1</span>
                <span>2</span>
                <span>3</span>
                <span>4</span>
                <span>5</span>
            </td>
        </tr>
    </tbody>
</table>

</body>
</html>