var TableDatatablesButtons = function () { var initTable3 = function () { var table = $('#sample_3'); var oTable = table.dataTable({ // Internationalisation. For more info refer to http://datatables.net/manual/i18n "language": { "aria": { "sortAscending": ": activate to sort column ascending", "sortDescending": ": activate to sort column descending" }, "emptyTable": "No data available in table", "info": "Showing _START_ to _END_ of _TOTAL_ entries", "infoEmpty": "No entries found", "infoFiltered": "(filtered1 from _MAX_ total entries)", "lengthMenu": "_MENU_ entries", "search": "Search:", "zeroRecords": "No matching records found" }, // Or you can use remote translation file //"language": { // url: '//cdn.datatables.net/plug-ins/3cfcc339e89/i18n/Portuguese.json' //}, buttons: [ { extend: 'print', className: 'btn dark btn-outline' }, { extend: 'copy', className: 'btn red btn-outline' }, { extend: 'pdf', className: 'btn green btn-outline' }, { extend: 'excel', className: 'btn yellow btn-outline ' }, { extend: 'csv', className: 'btn purple btn-outline ' }, { extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'} ], // setup responsive extension: http://datatables.net/extensions/responsive/ responsive: true, //"ordering": false, disable column ordering //"paging": false, disable pagination "order": [ [0, 'asc'] ], "lengthMenu": [ [5, 10, 15, 20, -1], [5, 10, 15, 20, "All"] // change per page values here ], // set the initial value "pageLength": 10, //"dom": "<'row' <'col-md-12'>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", // horizobtal scrollable datatable // Uncomment below line("dom" parameter) to fix the dropdown overflow issue in the datatable cells. The default datatable layout // setup uses scrollable div(table-scrollable) with overflow:auto to enable vertical scroll(see: assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js). // So when dropdowns used the scrollable div should be removed. //"dom": "<'row' <'col-md-12'T>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r>t<'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>", }); // handle datatable custom tools $('#sample_3_tools > li > a.tool-action').on('click', function() { var action = $(this).attr('data-action'); oTable.DataTable().button(action).trigger(); }); } return { //main function to initiate the module init: function () { if (!jQuery().dataTable) { return; } initTable3(); } }; }(); jQuery(document).ready(function() { TableDatatablesButtons.init(); });