JSFiddle - React, Tailwind, and code Playground

by kapantzak

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<div>
    <table>
        <tbody>
            <tr>
                <th rowspan="2">Head 1</th>
                <th rowspan="2">Head 2</th>
                <th colspan="2">Head data 1</th>
                <th>Head data 2</th>
                <th>Head data 3</th>
                <th>Head data 4</th>
                <th>Head data 5</th>
                <th>Head data 6</th>
                <th>Head data 7</th>
                <th>Head data 8</th>
                <th>Head data 9</th>
                <th>Head data 10</th>
                <th>Head data 11</th>
                <th>Head data 12</th>
            </tr>
            <tr>
                <th>Head data 1</th>
                <th>Head data 2</th>
                <th>Head data 3</th>
                <th>Head data 4</th>
                <th>Head data 5</th>
                <th>Head data 6</th>
                <th>Head data 7</th>
                <th>Head data 8</th>
                <th>Head data 9</th>
                <th>Head data 10</th>
                <th>Head data 11</th>
                <th>Head data 12</th>
                <th>Head data 13</th>
            </tr>
            <tr>
                <td>data</td><td>data</td><td>data</td><td>data</td><td>data</td><td>data</td><td>data</td>            <td>data</td><td>data</td><td>data</td><td>data</td><td>data</td><td>data</td><td>data</td><td>data</td>
            </tr>
            <tr>
                <td>data</td><td>data</td><td>data</td><td>data</td><td>data</td><td>data</td><td>data</td>            <td>data</td><td>data</td><td>data</td><td>data</td><td>data</td><td>data</td><td>data</td><td>data</td>
            </tr><tr>
               ...