$('document').ready(function(){ $('.data-table').DataTable({ scrollCollapse: true, autoWidth: false, responsive: true, columnDefs: [{ targets: "datatable-nosort", orderable: false, }], "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], "language": { "info": "_START_-_END_ of _TOTAL_ entries", searchPlaceholder: "Search", paginate: { next: '', previous: '' } }, }); $('.data-table-export').DataTable({ scrollCollapse: true, autoWidth: false, responsive: true, columnDefs: [{ targets: "datatable-nosort", orderable: false, }], "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], "language": { "info": "_START_-_END_ of _TOTAL_ entries", searchPlaceholder: "Search", paginate: { next: '', previous: '' } }, dom: 'Bfrtp', buttons: [ 'copy', 'csv', 'pdf', 'print' ] }); var table = $('.select-row').DataTable(); $('.select-row tbody').on('click', 'tr', function () { if ($(this).hasClass('selected')) { $(this).removeClass('selected'); } else { table.$('tr.selected').removeClass('selected'); $(this).addClass('selected'); } }); var multipletable = $('.multiple-select-row').DataTable(); $('.multiple-select-row tbody').on('click', 'tr', function () { $(this).toggleClass('selected'); }); var table = $('.checkbox-datatable').DataTable({ 'scrollCollapse': true, 'autoWidth': false, 'responsive': true, "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], "language": { "info": "_START_-_END_ of _TOTAL_ entries", searchPlaceholder: "Search", paginate: { next: '', previous: '' } }, 'columnDefs': [{ 'targets': 0, 'searchable': false, 'orderable': false, 'className': 'dt-body-center', 'render': function (data, type, full, meta){ return '
'; } }], 'order': [[1, 'asc']] }); $('#example-select-all').on('click', function(){ var rows = table.rows({ 'search': 'applied' }).nodes(); $('input[type="checkbox"]', rows).prop('checked', this.checked); }); $('.checkbox-datatable tbody').on('change', 'input[type="checkbox"]', function(){ if(!this.checked){ var el = $('#example-select-all').get(0); if(el && el.checked && ('indeterminate' in el)){ el.indeterminate = true; } } }); });