Table with varying widths

dabblet.css

/**
 * Table with varying widths
 */
table {
width: 100%;
border: 1px solid hotpink;
border-collapse: collapse;
table-layout: fixed;
border-spacing: 1em;
}

td, 
th {
width: 100px;
border: 1px solid lime;
text-align: left;
}

td:nth-child(3),
th:nth-child(3),
td:nth-child(5), 
th:nth-child(5){
width: auto;
}

dabblet.html

<table>
    <tr>
		<th>Item</th>
		<th>Item</th>
		<th>Item</th>
		<th>Item</th>
		<th>Item</th>

    </tr>
    <tr>
		<td>Thing</td>
		<td>Thing</td>
		<td>Thing</td>
		<td>Thing</td>		
		<td>Thing</td>		

    </tr>
</table>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}