JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://yadcf-showcase.appspot.com/resources/css/jquery.dataTables.css">
<link rel="stylesheet" href="https://yadcf-showcase.appspot.com/resources/css/jquery.dataTables.yadcf.css">
<script src="https://dl.dropboxusercontent.com/u/55621125/yadcf/war/resources/js/jquery.dataTables.yadcf.js"></script>
<script src="https://cdn.rawgit.com/vedmack/yadcf/28986f6f95cc9ce28ac1ead3035c20e8df506043/jquery.dataTables.yadcf.js"></script>
<div>
<table id="table_1">
<thead>
<tr >
<th></th>
<th></th>
<th align=right>Name</th>
<th align=right>Place</th>
<th align=right>D.O.J</th>
<th align=right>Phone</th>
</tr>
</thead>
<tbody>
<tr>
<th></th>
<th></th>
<td align=right>John</td>
<td align=right>Bristol</td>
<td align=right>03-09-2015</td>
<td align=right>999999</td>
</tr>
<tr>
<th></th>
<th></th>
<td align=right>Mark</td>
<td align=right>Leeds</td>
<td align=right>03-06-2015</td>
<td align=right>9999777</td>
</tr>
</tbody>
</table>
</div>
JavaScript
$(document).ready(function() {
var oTable = $('#table_1').DataTable({
});
yadcf.init(oTable, [
{column_number : 2},
{column_number : 3},
{column_number : 5},
]);
});