Add column search/filtering highlight

pull/287/head
mdeniz 8 years ago
parent c0a70e20e5
commit 097050f042

@ -2,5 +2,10 @@
table.dataTable span.highlight { table.dataTable span.highlight {
background-color: #FFFF88; background-color: #FFFF88;
border-radius: 0.28571429rem;
} }
table.dataTable span.column_highlight {
background-color: #ffcc99;
border-radius: 0.28571429rem;
}

@ -10,7 +10,7 @@
* @author SpryMedia Ltd (www.sprymedia.co.uk) * @author SpryMedia Ltd (www.sprymedia.co.uk)
* @contact www.sprymedia.co.uk/contact * @contact www.sprymedia.co.uk/contact
* @copyright Copyright 2014 SpryMedia Ltd. * @copyright Copyright 2014 SpryMedia Ltd.
* *
* License MIT - http://datatables.net/license/mit * License MIT - http://datatables.net/license/mit
* *
* This feature plug-in for DataTables will highlight search terms in the * This feature plug-in for DataTables will highlight search terms in the
@ -43,10 +43,16 @@ function highlight( body, table )
// Don't highlight the "not found" row, so we get the rows using the api // Don't highlight the "not found" row, so we get the rows using the api
if ( table.rows( { filter: 'applied' } ).data().length ) { if ( table.rows( { filter: 'applied' } ).data().length ) {
table.columns().every( function () {
var column = this;
column.nodes().flatten().to$().unhighlight({ className: 'column_highlight' });
column.nodes().flatten().to$().highlight( $.trim( column.search() ).split(/\s+/), { className: 'column_highlight' } );
} );
body.highlight( $.trim( table.search() ).split(/\s+/) ); body.highlight( $.trim( table.search() ).split(/\s+/) );
} }
} }
// Listen for DataTables initialisations // Listen for DataTables initialisations
$(document).on( 'init.dt.dth', function (e, settings, json) { $(document).on( 'init.dt.dth', function (e, settings, json) {
if ( e.namespace !== 'dt' ) { if ( e.namespace !== 'dt' ) {

Loading…
Cancel
Save