JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%" border="true">
			<tr>
				<td colspan=2>2 cols</td><td colspan=18>18 cols</td>
			</tr>
			<tr><td colspan=2>2 cols</td><td colspan=18>18 cols</td></tr>

		<tr>
			<td colspan=6>6 cols</td>
			<td colspan=2>2 cols</td>
			<td colspan=6>6 cols</td>
			<td colspan=6>6 cols</td>
		</tr>
		<tr>
			<td colspan=6>6 cols</td>
			<td colspan=2>2 cols</td>
			<td colspan=6>6 cols</td>
			<td colspan=6>6 cols</td>
		</tr>
		<tr>
			<td colspan=6>6 cols</td>
			<td colspan=2>2 cols</td>
			<td colspan=6>6 cols</td>
			<td colspan=6>6 cols</td>
		</tr>
		<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td></tr>
	</table>

CSS

td{width:5%;}