Basic HTML Table (DataTable)

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<button id="test">
Click Me!
</button>
<table id="test_table">
    <thead>
    <tr>
        <th>head1</th>
        <th>head2</th>
        <th>head3</th>
    </tr>
    </thead>
    <tbody>
            <tr>
            <td>0</td>
            <td>a</td>
            <td data-sort="b" class="testcol">b</td>
        </tr>
            <tr>
            <td>1</td>
            <td>a</td>
            <td data-sort="b" class="testcol">b</td>
        </tr>
            <tr>
            <td>2</td>
            <td>a</td>
            <td data-sort="b" class="testcol">b</td>
        </tr>
            <tr>
            <td>3</td>
            <td>a</td>
            <td data-sort="b" class="testcol">b</td>
        </tr>
            <tr>
            <td>4</td>
            <td>a</td>
            <td data-sort="b" class="testcol">b</td>
        </tr>
            <tr>
            <td>5</td>
            <td>a</td>
            <td data-sort="b" class="testcol">b</td>
        </tr>
            <tr>
            <td>6</td>
            <td>a</td>
            <td data-sort="b" class="testcol">b</td>
        </tr>
            <tr>
            <td>7</td>
            <td>a</td>
            <td data-sort="b" class="testcol">b</td>
        </tr>
         </tbody>
</table>

JavaScript

let datatable ={};
$(document).ready(function(){
   datatable =  $('#test_table').DataTable({paging:false});
});

$('#test').click(function(e){
$('.testcol').each(function(k,v){
	let a =Math.floor(Math.random()*10);
	let b = Math.floor(Math.random()*10);
	let c = Math.floor(Math.random()*10)
    $(v).html(a +' '+ c+'(should use: '+b+')').attr('data-sort',b)
});
datatable.rows().invalidate('dom').draw()
})