JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.datatables.net/1.10.4/css/jquery.dataTables.min.css">
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script src="//datatables.net/download/build/nightly/jquery.dataTables.min.js?_=fe158a7e49d655d37a4d455073cb9f56"></script>
<div>
        <fieldset class="panel holder-0">
            <legend class="panel-heading panel-title">holder-1</legend>
            <table class="holder-2">
                <thead>
                    <tr>
                        <th>Header 0</th>
                        <th>Header 1</th>
                        <th>Header 2</th>
                        <th>Header 3</th>
                        <th>Header 4</th>
                        <th>Header 5</th>
                        <th>Header 6</th>
                        <th>Header 7</th>
                    </tr>
                </thead>
                
                <tfoot>
                    <tr>
                        <th>Header 0</th>
                        <th>Header 1</th>
                        <th>Header 2</th>
                        <th>Header 3</th>
                        <th>Header 4</th>
                        <th>Header 5</th>
                        <th>Header 6</th>
                        <th>Header 7</th>
                    </tr>
                </tfoot>
            </table>
        </fieldset>
    </div>

CSS

.clear {
    clear: both;
    height: 0;
}

JavaScript

$(document).ready(function() {
    $(".holder-2").DataTable();
    
    var dtHeight = 225;
    
     $(".holder-2").DataTable( {
        destroy: true,
        scrollY: dtHeight
    });
        
    alert( $.fn.DataTable.isDataTable( '.holder-2' ) );
} );