JSFiddle - React, Tailwind, and code Playground

by er1187

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">
                <div class="scrollable-area">
                    <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>
            </div>
        </div>
    </div>