JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" href="https://nightly.datatables.net/css/jquery.dataTables.css">
<script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.0.2/css/responsive.dataTables.css">
<script src="https://cdn.datatables.net/responsive/2.0.2/js/dataTables.responsive.js"></script>
<div class="container">
<table id="example" class="" width="50%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
<th>Age2</th>
<th>Start date2</th>
<th>Salary2</th>
<th>Age2</th>
<th>Start date2</th>
<th>Salary2</th>
<th>Age3</th>
<th>Start date3</th>
<th>Salary3</th>
<th>Buttons</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$3,120</td>
<td>61</td>
<td>2011/04/25</td>
<td>$3,120</td>
<td>61</td>
<td>2011/04/25</td>
<td>$3,120</td>
<td>$3,120</td>
<td>61</td>
<td>2011/04/25</td>
<td><a href="" class="custom_action">Custom action</a></td>
</tr>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$3,120</td>
<td>61</td>
<td>2011/04/25</td>
<td>$3,120</td>
<td>61</td>
<td>2011/04/25</td>
...
JavaScript
$(document).ready( function () {
var table = $('#example').DataTable(
{
responsive: false
}
);
$('#example').on('click', 'a.custom_action', function (e) {
e.preventDefault();
var tr = $(this).closest('tr');
var row = table.row( tr );
alert(row.data());
} );
} );