JSFiddle - React, Tailwind, and code Playground

HTML

<div class='container'>
    <div class='row'>
        <div class='col-sm-12'>
            <div class='panel panel-default'>
                <div class='panel-heading'> <span class='panel-header'>Title</span>

                </div>
                <div class='panel-body'>
                    <table class='table'>
                        <thead>
                            <tr>
                                <th>KOHT</th>
                                <th></th>
                                <th>K</th>
                                <th>S</th>
                                <th>T</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>Kevin</td>
                                <td>0</td>
                                <td>0:0</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>James</td>
                                <td>0</td>
                                <td>0:0</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>Steve</td>
                                <td>0</td>
                                <td>0:0</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>Foo</td>
                                <td>0</td>
                                <td>0:0</td>
                                <td>0</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>