JSFiddle - React, Tailwind, and code Playground

by Gabriel Rodrigues

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">
<table id="example" class="display DataTable" cellspacing="0" width="100%">
        <thead>
            <tr><th>ID</th><th>NOME</th>
        </thead>

        <tbody>
            
        </tbody>
    </table>

JavaScript

$(document).ready(function() {
    data = {
  "CLIENTES": {
    "0": {
      "ID": "1",
      "NOME": 'GABRIEL'
    },
    "1": {
      "ID": "2",
      "NOME": 'RODRIGUES'
    }
  }
};


var newData = $.map(data.CLIENTES, function(el) { return el });
console.log(newData);
$('#example').DataTable({
  data: newData,
  columns: [
    {"data": "ID"},
    {"data": "NOME"}
  ]
});

} );