DataTables - page.jumpToData()
by snavarro81
HTML
<script src="https://cdn.datatables.net/1.10.4/js/jquery.dataTables.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<table id="NominationTable" class="table table-condensed table-hover">
<thead>
<tr>
<th style="width: 10%">SortValue</th>
</tr>
</thead>
<tbody>
<tr id="100">
<td data-order="1" class="editable" id="100">
1
</td>
</tr>
<tr id="101">
<td data-order="2" class="editable" id="101">
2
</td>
</tr>
<tr id="102">
<td data-order="3" class="editable" id="102">
3
</td>
</tr>
<tr id="103">
<td data-order="4" class="editable" id="103">
4
</td>
</tr>
</tbody>
</table>
JavaScript
/*
jQuery.fn.dataTable.Api.register( 'page.jumpToData()', function ( data, column ) {
var pos = this.column(column, {order:'current'}).data().indexOf( data );
if ( pos >= 0 ) {
var page = Math.floor( pos / this.page.info().length );
this.page( page ).draw( false );
}
return this;
} );
*/
$(document).ready(function (){
var table = $('#NominationTable').DataTable();
//var data = ["Joe Smith","System Architect","Edinburgh","5421","2011/04/25","$320,800"];
//var row = table.row.add(data).node();
//table.row(row).draw(false);
//table.page.jumpToData(data[0], 0);
console.log($().jquery);
});