解决方案是每“行”使用一个tbody，它可以包括两个tr。tbody可以与tabindex和onclick一起使用，并且可以通过nth-child，first-child和last-child等选择器进行样式化。

您可以使用一个简单的html table来实现此功能，并使用put each row or row-groups inside a tbody . you can now use the tbody to style or set onclick listeners or tab索引`

table,
tr,
td
{
    border: 1px solid gray;
}

table tbody:nth-child(even)
{
    background-color: aqua;
}

<table>
    <tbody>
        <tr>
            <td>Lorem.</td>
            <td>Qui?</td>
            <td>Consequatur!</td>
        </tr>
    </tbody>

    <tbody>
        <tr>
            <td>Lorem, ipsum.</td>
            <td>Neque, enimssssssssssssss.</td>
            <td>Aut, vitae!</td>
        </tr>
        <tr>
            <td>Lorem, ipsum.</td>
            <td>Neque, enim.</td>
            <td>Aut, vitae!</td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <td>Lorem.</td>
            <td>Qui?</td>
            <td>Consequatur!</td>
        </tr>
    </tbody>
</table>