JSFiddle - React, Tailwind, and code Playground

by Matthew Watzman

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.0/bootstrap-table.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.9.0/bootstrap-table.min.js"></script>
<table data-toggle="table" data-search="true" data-pagination="true" data-side-pagination="client" data-page-list="[10, 25, 50, 100, ALL]">
    <thead>
        <tr>
            <th>Name</th>
            <th>Title</th>
            <th>Department</th>
            <th>Location</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Joe</td>
            <td>Engineer</td>
            <td>IT</td>
            <td>Santa Barbara</td>
        </tr>
        <tr>
            <td>Kyle</td>
            <td>Technical Writer</td>
            <td>IT</td>
            <td>Seattle</td>
        </tr>
        <tr>
            <td>Alan</td>
            <td>Support</td>
            <td>Customer Service</td>
            <td>Santa Barbara</td>
        </tr>
        <tr>
            <td>Mark</td>
            <td>Analyst</td>
            <td>IT</td>
            <td>Santa Barbara</td>
        </tr>
        <tr>
            <td>John</td>
            <td>Engineer</td>
            <td>IT</td>
            <td>Santa Barbara</td>
        </tr>
        <tr>
            <td>Dave</td>
            <td>President</td>
            <td>Management</td>
            <td>Santa Barbara</td>
        </tr>
        <tr>
            <td>Willis</td>
            <td>Software Developer</td>
            <td>IT</td>
            <td>Seattle</td>
        </tr>
        <tr>
            <td>Manfred</td>
            <td>Engineer</td>
            <td>IT</td>
            <td>Santa Barbara</td>
        </tr>
        <tr>
            <td>Bill</td>
            <td>HR Specialist</td>
            <td>Human Resources</td>
            <td>Seattle</td>
        </tr>
        <tr>
            <td>Luke</td>
            <td>Analyst</td>
            <td>IT</td>
            <td>Seattle</td>
        </tr>
       ...