JSFiddle - React, Tailwind, and code Playground

by master1991

HTML

<table border="1" id="table">
		
            <thead>
                <tr>
                    <td colspan="4"></td>
                    <td colspan="3" align="center">1</td>
                    <td colspan="1">2</td>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td colspan="4" rowspan="4">3</td>
                    <td colspan="3" nowrap>4</td>
                    <td colspan="1">5</td>					
                </tr>
				<tr>
                    <td colspan="3" align="center">6</td>
                    <td colspan="1" align="center">7</td>

					
                </tr>
                <tr>
                    <td colspan="3">8</td>
                    <td colspan="1">9</td>
                </tr>
                <tr>
                    <td colspan="3" align="center">10</td>
                    <td colspan="1" align="center">11</td>
                </tr>
				
				
				
                <tr>
                    <td nowrap>12</td>
                    <td colspan="4">13</td>
                    <td colspan="2">14</td>
                    <td colspan="1">15</td>					
                </tr>
                <tr>
                    <td align="center">16</td>
                    <td colspan="4" align="center">17</td>
                    <td colspan="2" align="center">18</td>
                    <td colspan="1" align="center">19</td>						
                </tr>
                <tr>
                    <td align="center">20</td>
                    <td colspan="4" align="center">21</td>
                    <td colspan="2" align="center">22</td>
                    <td colspan="1" align="center">23</td>						
                </tr>
                <tr>
                    <td align="center">24</td>
                    <td colspan="4" align="center">25</td>
                    <td colspan="2" align="center">26</td>
                    <td colspan="1" align="center">27</td>						
                </tr>				


				<tr>
				
    ...

CSS

table,
th,
td {
    padding: 3px 8px;
    border: 1px solid #666;
    border-collapse: collapse;
	

}
th.invalid,
td.invalid {
    border: 1px double #666;
    padding:0 !important;
    margin:0 !important;	
}
  #table{
    max-width: 2480px;
    width:100%;
  }