JSFiddle - React, Tailwind, and code Playground

by Volker_E

HTML

<table id="Grid1_Table" class="Table">
    <colgroup>
        <col style="width:20px">
        <col style="width:20px">
        <col style="width:180px">
        <col style="width:200px">
    </colgroup>
    <tbody>
        <tr>
            <td class="RowHeader"><div>&nbsp;</div></td>
            <td class="RecordPlusCollapse"><div>&nbsp;</div></td>
            <td colspan="2" class="GroupCaption">Order ID: 0 - 1 Items</td>
        </tr>
     </tbody>
</table>

CSS

.RowHeader {
    background-color: black;
}

.GroupCaption {
    background-color: #868981;
}
.RecordPlusCollapse {
    background-color: red;
}
.Table {
    table-layout: fixed;
}