JSFiddle - React, Tailwind, and code Playground

HTML

<table id="datentabelle" class="table table-striped table-bordered table-hover table-condensed table-responsive" cellspacing="0" width="100%">
    <thead>
           <tr>
                <th>Nationalitaet</th>
            </tr>
    </thead>
    <tbody>
        <td><a href="#" name="Nationalitaet_" data-name="Nationalitaet" data-value="$row[x]"
               data-key="$row[x]" data-table="table" class="editable_input">$output</a>
        </td>
    </tbody>
</table>

JavaScript

$(document).ready(function() {
				$('#datentabelle').dataTable( {
					"dom": 'T<"clear">Rlfrtip',
					"responsive": false,
					"tableTools": {
						"sSwfPath": "js/swf/copy_csv_xls_pdf.swf",
						 "aButtons": [
							{
								"sExtends": "copy",
								"mColumns": [1, 2, 3, 5, 6, 7],
								"sButtonText": "Daten kopieren <span class='glyphicon glyphicon-save' />",
								"bShowAll": false
							},
							{
								"sExtends": "csv",
								"mColumns": [1, 2, 3, 5, 6, 7],
								"sButtonText": "CSV Export Save <span class='glyphicon glyphicon-save' />",
								"sFileName": "...csv",
								"bBomInc": true,
								"bShowAll": false
							},
							{
								"sExtends": "xls",
								"mColumns": [1, 2, 3, 5, 6, 7],
								"sButtonText": "Excel Export Save <span class='glyphicon glyphicon-save' />",
								"sFileName": "...csv",
								"bBomInc": true,
								"bShowAll": false
							},
							{
								"sExtends": "pdf",
								"mColumns": [1, 2, 3, 5, 6, 7],
								"sButtonText": "PDF-Export Save <span class='glyphicon glyphicon-save' />",
								"sPdfMessage": "..",
								"sFileName": "...pdf",
								"bBomInc": true,
								"bShowAll": false
							},
							{
								"sExtends": "print",
								"sButtonText": "Druckansicht Save <span class='glyphicon glyphicon-print' />",
								"sMessage ": "..",
								"bShowAll": false
							}
						]
					},
					"lengthMenu": [[1, 5, 10, 25, 50, -1], [1, 5, 10, 25, 50, "All"]],
					"iDisplayLength": 5,
					"pagingType": "full_numbers",
					"order": [[ 1, "asc" ]],
					"fnInitComplete": function() {
						//On Change von Anzahl der Ergebnisse
						$('select[name=datentabelle_length]').change(function() {
							$(document).ready(function() {
								editable_Input();
								editable_Input_Name();
								editable_Date();
								editable_Select();
								editable_Select_Account();
								editable_Select_Rekruter();
								$("[rel=tooltip]").tooltip({ placement:...