JSFiddle - React, Tailwind, and code Playground

by ronnjoe

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<table id="example">
</table>

JavaScript

//DataTable 1.10
var data =  [{
  "name":       "Tiger Nixon",
  "position":   "System Architect",
  "salary":     "$3,120",
  "start_date": "2011/04/25",
  "office":     "Edinburgh",
  "extn":       "5421"
},{
  "name": "Garrett Winters",
  "position": "Director",
  "salary": "5300",
  "start_date": "2011/07/25",
  "office": "Edinburgh",
  "extn": "8422"
}];
var columnData= [{
	"sTitle":"Name",
  "mDataProp": function(obj) {
    return obj.name; 
  }
},{
	"sTitle":"Position",
  "mDataProp": function(obj) {
    return obj.position; 
  }
}];
$('#example').DataTable( {
  "data":data,
  "columns":columnData
} );