JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
  <table  id="kiran">
         <thead>
            <tr>
               <th class="hidden-480">Name</th>
               <th class="hidden-480">Price</th>
            </tr>
         </thead>
         <tbody>
         </tbody>
      </table>

JavaScript

var json = [
  {
    "Name": "ONE",
    "Price": "12" ,
    "Total" : "120"
  },
  {
    "Name": "TWO",
    "Price": "100",
     "Total" : "500"
  },
  {
    "Name": "THREE",
    "Price": "42" ,
     "Total" : "300"
  }]


  $(function()
  {
    //$("#kiran").dataTable();
    //displayData();
 var table =   $('#kiran').dataTable(
    {
      "order": [
        [1, "desc"]
      ],
      "paging": false,
     "aaData": json,
      "aoColumns": [
        { "mDataProp": "Name" },
        { "mDataProp": "Price" }
    ]

    });

setInterval (function test() {
         table.fnDraw();
       }, 3000);

  })