JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.1/css/jquery.dataTables.css">
<script src="//cdn.datatables.net/1.10.1/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/fixedcolumns/3.0.2/css/dataTables.fixedColumns.css">
<script src="//cdn.datatables.net/fixedcolumns/3.0.2/js/dataTables.fixedColumns.min.js"></script>
<table id="example" class="display" cellspacing="0" width="100%">

    </table>

JavaScript

!function(){var p=Handlebars.template,t=Handlebars.templates=Handlebars.templates||{};t.fop=p(function(p,t,e,n,r){this.compilerInfo=[4,">= 1.0.0"],e=this.merge(e,p.helpers),r=r||{};var a,l="",o="function",f=this.escapeExpression;return l+='<th>\r\n	<input id="flo_'+f((a=t.krz,typeof a===o?a.apply(t):a))+'" name="flo_'+f((a=t.krz,typeof a===o?a.apply(t):a))+'" type="hidden" value="LIKE" class="form-control"> \r\n	<div>\r\n		<div class="input-group input-group-xs js-operator">\r\n			<input name="flf_'+f((a=t.fn,typeof a===o?a.apply(t):a))+'" validformpart="'+f((a=t.vfp,typeof a===o?a.apply(t):a))+'" value="" id="flf_'+f((a=t.fn,typeof a===o?a.apply(t):a))+'" validtype="'+f((a=t.vtyp,typeof a===o?a.apply(t):a))+'" type="text" class="form-control"> \r\n		</div>\r\n	</div>\r\n</th>'})}();

	var data = [
			{
				"adat":"Thu, Jul 17 2014",
				"buchung_id":"301863",
				"bustat":"angemeldet",
				"et":"Thu, Jul 17 2014",
				"kursbez":"2014031301",
				"leistungsnummer":"256862",
				"seminarbez":"2014031301",
				"st":"Thu, Jul 17 2014"
			}
	];

	var aColumns = [
            { "data": "st"
                , "title": "Starttermin"
                , "type": "date"
                , "_": "st"
                , "render": function ( data, type, full, meta ) {
                	if( type == 'display' ) {
	                	var dat = new Date( data );
				      return ('0' + dat.getDate()).slice(-2) + '.' + ('0' + dat.getMonth()).slice(-2)+ '.' + dat.getFullYear();
                	} else {
                		return data;
                	}
			    }
             },
            { "data": "et"
                , "title": "Endtermin"
                , "type": "date"
                , "render": function ( data, type, full, meta ) {
                	if( type == 'display' ) {
	                	var dat = new Date( data );
				      return ('0' + dat.getDate()).slice(-2) + '.' + ('0' + dat.getMonth()).slice(-2)+ '.' + dat.getFullYear();
                	} else {
                		return...