JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" type="text/css" href="http://bootstrap.cap.co.uk/areas/v1_1_0/content/bundles/css" />
<script src="http://bootstrap.cap.co.uk/areas/v1_1_0/content/bundles/js"></script>

<div class="row cap-panel">
    <div class="col-sm-12">       
        <h2>Table</h2>
        <table class="table table-data">
                <thead>
                    <tr>
                        <th>Derivative</th>
                        <th>12/20</th>
                        <th>18/30</th>
                        <th>24/40</th>
                        <th>30/50</th>
                        <th>36/60</th>
                        <th>42/70</th>
                    </tr>
                </thead>

                <tbody>
                    <tr>
                        <td>316d ES 4dr Saloon (2012 ----) (ID: 53608)</td>
                        <td>00.00</td>
                        <td>00.00</td>
                        <td>00.00</td>
                        <td>00.00</td>
                        <td>00.00</td>
                        <td>00.00</td>
                    </tr>
                    <tr>
                        <td>316d ES 4dr Step Auto Saloon (2012 ----) (ID: 53609)</td>
                        <td>00.00</td>
                        <td>00.00</td>
                        <td>00.00</td>
                        <td>00.00</td>
                        <td>00.00</td>
                        <td>00.00</td>
                    </tr>
                    <tr>
                        <td>316d ES 4dr [Business Media] Saloon (2012 ----) (ID: 58291)</td>
                        <td>00.00</td>
                        <td>00.00</td>
                        <td>00.00</td>
                        <td>00.00</td>
                        <td>00.00</td>
                        <td>00.00</td>
                    </tr>
                </tbody>
            </table>
    </div>
</div>

CSS

body { padding: 20px }