JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" type="text/css" href="http://bootstrap.cap.co.uk/areas/v1_5_0/content/css/index.css" />
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://bootstrap.cap.co.uk/areas/v1_4_0/content/bundles/js"></script>
 
 <div class="data-grid head">
        <table>
            <thead>
                <tr>
                    <th>Lorem</th>
                </tr>
            </thead>
        </table>
    </div>

    <div class="data-grid body">
        <table>
            <thead>
                <tr>
                    <th>&nbsp;</th>
                    <th>&nbsp;</th>
                    <th>&nbsp;</th>
                    <th>&nbsp;</th>
                    <th>&nbsp;</th>
                </tr>
            </thead>
            <tbody>
                <tr class="header">
                    <td colspan="5">Heading</td>
                </tr>
                <tr class="sub">
                    <td colspan="5">Sub Section</td>
                </tr>
                <tr>
                    <td>lorem ipsum dolarlorem ipsum dolarlorem ipsum dolar</td>
                    <td>lorem ipsum dolar</td>
                    <td>lorem ipsum dolar</td>
                    <td>lorem ipsum dolar</td>
                    <td>lorem ipsum dolar</td>
                </tr>
            </tbody>
        </table>
    </div>

JavaScript

$(".data-grid.head").capDataGrid({
  height: 250,
  cellWidth: 275,
  theme: "orange-all"
});