JSFiddle - React, Tailwind, and code Playground

by Carlos Medina

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/responsive/2.0.2/js/dataTables.responsive.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.0.2/css/responsive.dataTables.min.css">
<table class="table responsive table-togglable table-hover">
    <thead>
    <tr>
        <th data-toggle="true">ID</th>
        <th >user</th>
        <th >object_type</th>
        <th >object_id')</th>
        <th class="none">old_value</th>
        <th class="none">new_value</th>
        <th >type</th>
        <th >created_at</th>
        <th >updated_at</th>
    </tr>
    </thead>
   <tbody>
        <tr>
            <td>text</td>
            <td>text</td>
            <td>text</td>
            <td>text</td>
            <td> text </td>
            <td>text </td>
            <td>text</td>
            <td>{{ $log->created_at }}</td>
            <td>{{ $log->updated_at }}</td>
        </tr>
        <tr>
            <td>text</td>
            <td>text</td>
            <td>text</td>
            <td>text</td>
            <td> text </td>
            <td>text </td>
            <td>text</td>
            <td>{{ $log->created_at }}</td>
            <td>{{ $log->updated_at }}</td>
        </tr>
        <tr>
            <td>text</td>
            <td>text</td>
            <td>text</td>
            <td>text</td>
            <td> text </td>
            <td>text </td>
            <td>text</td>
            <td>{{ $log->created_at }}</td>
            <td>{{ $log->updated_at }}</td>
        </tr>
        <tr>
            <td>text</td>
            <td>text</td>
            <td>text</td>
            <td>text</td>
            <td> text </td>
            <td>text </td>
            <td>text</td>
            <td>{{...

JavaScript

$(document).ready(function() {
 
 $(".table-togglable").DataTable({
 				bLengthChange: true,
        "iDisplayLength": 50,
        bInfo: false,
        responsive: true,
        "bAutoWidth": false
 });

} );