JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.datatables.net/1.9.4/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.9.4/css/jquery.dataTables.css">
<table id="child_table" cellspacing="0" width="100%">
  <thead>
    <tr role="row">
      <th width="50%">Name</th>
    </tr>
  </thead>
  
  <tbody id="child_tbody">

  </tbody>
</table>

JavaScript

dtable = $('#child_table').DataTable({
      "stateSave": true,
      "bStateSave": true,
      "displayStarrt": 10
    });
    var row_array = [];
    row_array.push('a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm');
    
    for(var i = 0 ; i < row_array.length; i++){
    	dtable.fnAddData([row_array[i]]);
    }