Display a selected row on open?

matola

Do you know if there is a way to pass a Row_Id to DataTables at initializing, so that the table opens on the correct page with that specific row highlighted?

allan

There is no built in option for that in DataTables. You would need to use the API. The page.jumpToData() plug-in might be of particular interest.

Allan

matola

Thank you. Tried it, but get "Uncaught TypeError: Cannot read property 'jumpToData' of undefined".

Debug code: ulutog

allan

I'd need a link to the page to be able to see how the plug-in is being loaded and used. For example you need to use $().DataTable() to use that plug-in (not $().dataTable()).

Allan

matola

The page is on my local production server which is protected from the internet.
And I am afraid I am lost about the "dataTable" and "DataTable" issue. I simply placed that code below efter the initialization of dataTable():

$.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;
} );

allan

I'd need a link to the page to be able to offer any help as I'm really just guessing at the moment. Use $().DataTable() and not $().dataTable() to create the table is my best guess without a link to the page.