JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<table id="example" class="display" cellspacing="0" width="100%">
</table>

JavaScript

var dataSet = [{
	  "Header1": "Molière 501",
	  "Header2": "3<span style='color:#999;'> ch<\/span>",
	  "Header3": "Avenue Molière n° 501 \/0"
	}, {
	  "Header1": "Molière 501",
	  "Header2": "3<span style='color:#999;'> ch<\/span>",
	  "Header3": "Avenue Molière n° 501 \/1"
	}, {
	  "Header1": "Molière 501",
	  "Header2": "3<span style='color:#999;'> ch<\/span>",
	  "Header3": "Avenue Molière n° 501 \/2"
	}, {
	  "Header1": "Fort Jaco 147",
	  "Header2": "5<span style='color:#999;'> ch<\/span>",
	  "Header3": "Avenue du Fort Jaco n° 147"
	}, {
	  "Header1": "Artisans 45",
	  "Header2": "2<span style='color:#999;'> ch<\/span>",
	  "Header3": "Rue des artisans n° 45 \/2"
	}, {
	  "Header1": "Mimosas 112",
	  "Header2": "4<span style='color:#999;'> ch<\/span>",
	  "Header3": "Rue des mimosas n° 112"
	}, {
	  "Header1": "Wavre 27",
	  "Header2": "<span style='color:#999;'>--<\/span>",
	  "Header3": "Rue de Wavre n° 27"
	}, {
	  "Header1": "Jasmin 39",
	  "Header2": "2<span style='color:#999;'> ch<\/span>",
	  "Header3": "Rue Louis Jasmin n° 39 \/0"
	}, {
	  "Header1": "Jasmin 39",
	  "Header2": "2<span style='color:#999;'> ch<\/span>",
	  "Header3": "Rue Louis Jasmin n° 39 \/1"
	}, {
	  "Header1": "Tilmont 12",
	  "Header2": "5<span style='color:#999;'> ch<\/span>",
	  "Header3": "Rue Tilmont n° 12"
	}, {
	  "Header1": "Verdun 57",
	  "Header2": "2<span style='color:#999;'> ch<\/span>",
	  "Header3": "Rue de Verdun n° 57"
	}, {
	  "Header1": "Le Routi 4",
	  "Header2": "<span style='color:#999;'>--<\/span>",
	  "Header3": "Route du Routi n° 4"
	}, {
	  "Header1": "Waterloo 24",
	  "Header2": "<span style='color:#999;'>--<\/span>",
	  "Header3": "Chaussée de Waterloo n° 24 \/0"
	}, {
	  "Header1": "Rabelais 301",
	  "Header2": "5<span style='color:#999;'> ch<\/span>",
	  "Header3": "Rue Rabelais n° 301"
	}, {
	  "Header1": "Enghien 528",
	  "Header2": "1<span style='color:#999;'> ch<\/span>",
	  "Header3": "Chaussée d'Enghien n° 528"
	}];

	var my_columns =...