JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<script src="https://code.jquery.com/jquery-1.12.3.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>Tiger Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
            </tr>
            <tr>
                <td>Garrett Winters</td>
                <td>Accountant</td>
                <td>Tokyo</td>
                <td>63</td>
                <td>2011/07/25</td>
                <td>$170,750</td>
            </tr>
            <tr>
                <td>Ashton Cox</td>
                <td>Junior Technical Author</td>
                <td>San Francisco</td>
                <td>66</td>
                <td>2009/01/12</td>
                <td>$86,000</td>
            </tr>
            <tr>
                <td>Cedric Kelly</td>
                <td>Senior Javascript Developer</td>
                <td>Edinburgh</td>
                <td>22</td>
                <td>2012/03/29</td>
                <td>$433,060</td>
            </tr>
            <tr>
                <td>Airi Satou</td>
   ...

JavaScript

$(document).ready(function() {
    var table = $('#example').DataTable({
        ordering: true,
        bLengthChange: false,
        iDisplayLength: 10,
        bFilter: false,
        pagingType: "full_numbers",
        bInfo: false,
        dom: "Bfrtip",
        buttons: [{
            extend: 'pdf',
            text: 'Exportar PDF',
            title: 'Nuse'
        }, {
            extend: 'excel',
            text: 'Exportar Excel',
            title: 'Nuse'
        }],
        language: {
            emptyTable: "<li class='text-danger' align='center'>NUSE não encontrada</li>",
            paginate: {
                previous: "<",
                next: ">",
                first: "|<",
                last: ">|"
            }
        }
    });
    addExtraButtons();
    $('#example').on("draw.dt", function(e) {

        addExtraButtons();
    })

    function addExtraButtons() {

        $(".dataTables_paginate .first").after("<a class='paginate_button quick_previous'><<</a>")
        $(".dataTables_paginate .last").before("<a class='paginate_button quick_next'>>></a>")
        var currentPage = table.page.info();
        if (currentPage.pages - 1 == currentPage.page) {
            $(".quick_next").addClass("disabled")
        } else if (currentPage.page == 0) {
            $(".quick_previous").addClass("disabled")
        }



        $(".quick_next").on("click", quickNext)
        $(".quick_previous").on("click", quickPrevious)

        function quickNext(e) {

            var pageToGoTo = (currentPage.page + 2) >= currentPage.pages ? currentPage.pages - 1 : (currentPage.page + 2);
            table.page(pageToGoTo).draw(false);
        }

        function quickPrevious(e) {

            var pageToGoTo = (currentPage.page - 2) <= 0 ? 0 : (currentPage.page - 2);
            table.page(pageToGoTo).draw(false);
        }
    }
})