JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.0/bootstrap-table.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
    <div class="col-md-6 box bordered-box purple-border">
        <div class="box-header purple-background">
        <div class="title" style="color: white; background-color:rgb(172, 0, 230)">Users</div>

        </div>
<div class="box-content box-no-padding">
        <div class="table-responsive">
            <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th class="text-center">First Name</th>
                            <th class="text-center">Last Name</th>
                            <th class="text-center">ID</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>John</td>
                            <td>Smith</td>
                            <td>1187</td>
                        </tr>
                    </tbody>
                </table>
            <div class="scrollable-area">

            </div>
        </div>
    </div>
    </div>