JSFiddle - React, Tailwind, and code Playground

by David_Knowles

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

<table class='table table-bordered'>
    <thead>
	    <tr>
		    <th rowspan="2" scope="row">name</th>
		    <td rowspan="2">age</td>
		    <td colspan="2">Performance</td>
	    </tr>
         <tr>
            <td>score</td>
            <td>grade</td>
        </tr>
    </thead>
    <tbody>
       
        <tr>
            <th scope="row">rick</th>
            <td>23</td>
            <td>70</td>
            <td>B-</td>
        </tr>
        <tr>
            <th scope="row">nick</th>
            <td>24</td>
            <td>89</td>
            <td>A-</td>
        </tr>
    </tbody>
</table>

JavaScript

/* tables colspan + rowspan */