JSFiddle - React, Tailwind, and code Playground

by Juan Salazar

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<table id="datatable-table">
    <thead>
        <tr>
            <th>Object</th>
            <th>Word</th>
            <th>Thing</th>
            <th>Class</th>
            <th>Think</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>árbol</td>
            <td>Esdrújula</td>
            <td>Colaboración</td>
            <td>Pingüino</td>
            <td>Canción</td>
        </tr>
        <tr>
            <td>arbol</td>
            <td>Esdrujula</td>
            <td>Colaboracion</td>
            <td>Pinguino</td>
            <td>cancion</td>
        </tr>
        <tr>
            <td>Música</td>
            <td>Nota</td>
            <td>Melodia</td>
            <td>Instrumento</td>
            <td>Pieza</td>
        </tr>
        <tr>
            <td>Music</td>
            <td>Note</td>
            <td>Melody</td>
            <td>Instrument</td>
            <td>Piece</td>
        </tr>
    </tbody>
</table>
<strong>I am using jquery 3.2.1</strong><br>
<strong>I am using jquery.datatable 1.10.16</strong>

JavaScript

$(document).ready(function() {
     $('#datatable-table').DataTable();
  } );