var TableDatatablesResponsive = function () {



    var initTable1 = function () {

        var table = $('#sample_1');



        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'

            //},



            // setup buttons extentension: http://datatables.net/extensions/buttons/

            buttons: [

                { extend: 'print', className: 'btn dark btn-outline' },

                { extend: 'pdf', className: 'btn green btn-outline' },

                { extend: 'csv', className: 'btn purple btn-outline ' }

            ],



            // setup responsive extension: http://datatables.net/extensions/responsive/

            responsive: {

                details: {

                   

                }

            },



            "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'B>><'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>>",

        });

    }



    var initTable2 = function () {

        var table = $('#sample_2');



        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'

            //},



            // setup buttons extentension: http://datatables.net/extensions/buttons/

            buttons: [

                { extend: 'print', className: 'btn dark btn-outline' },

                { extend: 'pdf', className: 'btn green btn-outline' },

                { extend: 'csv', className: 'btn purple btn-outline ' }

            ],



            // setup responsive extension: http://datatables.net/extensions/responsive/

            responsive: {

                details: {

                    type: 'column',

                    target: 'tr'

                }

            },

            columnDefs: [ {

                className: 'control',

                orderable: false,

                targets:   0

            } ],



            order: [ 1, 'asc' ],

            

            // pagination control

            "lengthMenu": [

                [5, 10, 15, 20, -1],

                [5, 10, 15, 20, "All"] // change per page values here

            ],

            // set the initial value

            "pageLength": 10,

            "pagingType": 'bootstrap_extended', // pagination type



            "dom": "<'row' <'col-md-12'B>><'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>>",

        });

    }



    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'

            //},



            // setup buttons extentension: http://datatables.net/extensions/buttons/

            buttons: [

                { extend: 'print', className: 'btn default' },

                { extend: 'pdf', className: 'btn default' },

                { extend: 'csv', className: 'btn default' }

            ],



            // setup responsive extension: http://datatables.net/extensions/responsive/

            responsive: {

                details: {

                   

                }

            },



            "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'B>><'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>>",

        });

    }



    var initTable4 = function () {

        var table = $('#sample_4');



        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'

            //},



            // setup buttons extentension: http://datatables.net/extensions/buttons/

            buttons: [

                { extend: 'print', className: 'btn default' },

                { extend: 'pdf', className: 'btn default' },

                { extend: 'csv', className: 'btn default' }

            ],



            // setup responsive extension: http://datatables.net/extensions/responsive/

            responsive: {

                details: {

                   

                }

            },



            "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'B>><'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>>",

        });

    }

    



    return {



        //main function to initiate the module

        init: function () {



            if (!jQuery().dataTable) {

                return;

            }



            initTable1();

            initTable2();

            initTable3();

            initTable4();

        }



    };



}();



jQuery(document).ready(function() {

    TableDatatablesResponsive.init();

});