Showing posts with label datatables. Show all posts
Showing posts with label datatables. Show all posts

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")});
}