JSFiddle - React, Tailwind, and code Playground

by g18c

HTML

<table>
    <thead>
        <tr>
            <th colspan="2">Description</th>
            <th>Setup</th>
            <th>Monthly</th>
        </tr>
    </thead>
<tr>
    <td style="width:5px"><input type="radio" data-bind=" attr: { name: $parent.name }, checkedValue: $data, checked: $parent.selection" /></td>
    <td style="width: 40%; text-align: left;"><span data-bind="text: description"></span></td>
    <td style="width: 25%; text-align: left;"><span data-bind="text: setup == 0 ? '-' : setup"></span></td>
    <td style="width: 25%; text-align: left;"><span data-bind="text: price == 0 ? '-' : price"></span></td>
</tr>
</table>

CSS

table{
    width: 500px;
    border: 1px solid;
}
td{
    border: 1px #000 solid;
}