Showing posts with label datatables. Show all posts
Showing posts with label datatables. Show all posts
Wednesday, July 17, 2019
Thursday, May 07, 2015
Some effect with datatables
.highlight{ background-color: rgba(255, 200, 50, 0.1) !important; } tbody tr:hover { background-color: rgba(255, 200, 50, 0.1) !important; }
$(document).ready(function() { var lastIdx = null; var table = $('table').DataTable(); $('table tbody') .on( 'mouseover', 'td', function () { var colIdx = table.cell(this).index().column; if ( colIdx !== lastIdx ) { $( table.cells().nodes() ).removeClass( 'highlight' ); $( table.column( colIdx ).nodes() ).addClass( 'highlight' ); } } ) .on( 'mouseleave', function () { $( table.cells().nodes() ).removeClass( 'highlight' ); } ); } );
Thursday, April 16, 2015
Datatables composer images, symfony
{% image '../vendor/datatables/datatables/media/images/sort_asc.png' output='vendor/datatables/datatables/media/images/sort_asc.png' %}{% endimage %} {% image '../vendor/datatables/datatables/media/images/sort_asc_disabled.png' output='vendor/datatables/datatables/media/images/sort_asc_disabled.png' %}{% endimage %} {% image '../vendor/datatables/datatables/media/images/sort_both.png' output='vendor/datatables/datatables/media/images/sort_both.png' %}{% endimage %} {% image '../vendor/datatables/datatables/media/images/sort_desc.png' output='vendor/datatables/datatables/media/images/sort_desc.png' %}{% endimage %} {% image '../vendor/datatables/datatables/media/images/sort_desc_disabled.png' output='vendor/datatables/datatables/media/images/sort_desc_disabled.png' %}{% endimage %}
Monday, March 18, 2013
How to detect if datatables is loaded
if($.fn.dataTableExt){
console.log('datatables ok');
}else{
console.log('datatables ko');
//head.ready(function() {head.js("js/libs/jquery.dataTables.min.1.9.4.js")});
}
Subscribe to:
Posts (Atom)