function GetCustomerList() {
    $.fn.dataTable.pipeline = function (opts) {

        var conf = $.extend({
            pages: 5,
            url: "/Customer/GetAllCustomer",
            data: null,
            method: 'POST'
        }, opts);

        var cacheLower = -1;
        var cacheUpper = null;
        var cacheLastRequest = null;
        var cacheLastJson = null;

        return function (request, drawCallback, settings) {
            var ajax = false;
            var requestStart = request.start;
            var drawStart = request.start;
            var requestLength = request.length;
            var requestEnd = requestStart + requestLength;

            if (settings.clearCache) {

                ajax = true;
                settings.clearCache = false;
            }
            else if (cacheLower < 0 || requestStart < cacheLower || requestEnd > cacheUpper) {

                ajax = true;
            }
            else if (JSON.stringify(request.order) !== JSON.stringify(cacheLastRequest.order) ||
                JSON.stringify(request.columns) !== JSON.stringify(cacheLastRequest.columns) ||
                JSON.stringify(request.search) !== JSON.stringify(cacheLastRequest.search)
            ) {

                ajax = true;
            }


            cacheLastRequest = $.extend(true, {}, request);

            if (ajax) {

                if (requestStart < cacheLower) {
                    requestStart = requestStart - (requestLength * (conf.pages - 1));

                    if (requestStart < 0) {
                        requestStart = 0;
                    }
                }

                cacheLower = requestStart;
                cacheUpper = requestStart + (requestLength * conf.pages);

                request.start = requestStart;
                request.length = requestLength * conf.pages;


                if (typeof conf.data === 'function') {
                    var d = conf.data(request);
                    if (d) {
                        $.extend(request, d);
                    }
                }
                else if ($.isPlainObject(conf.data)) {
                    $.extend(request, conf.data);
                }

                settings.jqXHR = $.ajax({
                    "type": conf.method,
                    "url": conf.url,
                    "data": request,
                    "dataType": "json",
                    "cache": false,
                    "success": function (json) {
                        cacheLastJson = $.extend(true, {}, json);

                        if (cacheLower != drawStart) {
                            json.data.splice(0, drawStart - cacheLower);
                        }
                        if (requestLength >= -1) {
                            json.data.splice(requestLength, json.data.length);
                        }

                        drawCallback(json);
                    }
                });
            }
            else {
                json = $.extend(true, {}, cacheLastJson);
                json.draw = request.draw;
                json.data.splice(0, requestStart - cacheLower);
                json.data.splice(requestLength, json.data.length);

                drawCallback(json);
            }
        }
    };
    $.fn.dataTable.Api.register('clearPipeline()', function () {
        return this.iterator('table', function (settings) {
            settings.clearCache = true;
        });
    });
    if ($('#datatable')[0]) {
        var dataTableActions = '<i class="zwicon-more-h" data-toggle="dropdown" />' +
            '<div class="dropdown-menu dropdown-menu-right">' +
            '<a data-table-action="print" class="dropdown-item">Print</a>' +
            '<a data-table-action="fullscreen" class="dropdown-item">Fullscreen</a>' +
            '<div class="dropdown-divider" />' +
            '<div class="dropdown-header border-bottom-0 pt-0"><small>Download as</small></div>' +
            '<a data-table-action="excel" class="dropdown-item">Excel (.xlsx)</a>' +
            '<a data-table-action="csv" class="dropdown-item">CSV (.csv)</a>' +
            '</div>';

        $("#datatable").DataTable({
            "processing": true, // for show progress bar    
            "serverSide": true, // for process server side    
            "filter": true, // this is for disable filter (search box)    
            "orderMulti": false, // for disable multiple column at once    
            "searching": true,
            "destroy": true,
            "paging": true,
            'createdRow': function (row, data, dataIndex) {
                $(row).attr('id', data.id);
            },
            "ajax": $.fn.dataTable.pipeline({
                "url": "/Customer/GetAllCustomer",
                "type": "POST",
                "datatype": "json",
                "pages": 5 //number of pages to cache
            }),
            "columnDefs": [{
                "targets": 'all',
                "visible": true,
                "searchable": true,
                'createdCell': function (tr, cellData, rowData, row, col) {
                    $(tr).attr('id', 'id');
                }
            }],
            "columns": [
                { "data": "mobile", "name": "mobile", "autoWidth": true },
                { "data": "identificationNumber", "name": "identificationNumber", "autoWidth": true },
                { "data": "firstName", "name": "firstName", "autoWidth": true },
                { "data": "lastName", "name": "lastName", "autoWidth": true },
                {
                    "data": "birthDate",
                    "name": "birthDate",
                    "render": function (data) {
                        var date = new Date(parseInt((data).substr(6))).toLocaleDateString();
                        return date;
                    }
                },
                { "data": "eMail", "name": "eMail", "autoWidth": true },
                { "data": "customerNumber", "name": "customerNumber", "autoWidth": true },
                { "data": "address", "name": "address", "autoWidth": true },
                { "data": "bankId", "name": "bankId", "autoWidth": true },
                //{ "data": "areaCode", "name": "areaCode", "autoWidth": true },
                {
                    data: null,
                    name: "blacklist",
                    render: function (data, type, row) {

                        var table = '';
                        if (data.blacklist == 1) {
                            table += '<div class="form-group pull-right"><div class="toggle-switch toggle-switch--green"><input type="checkbox" class="toggle-switch__checkbox status" checked onchange="ChangeBlacklist(\''+ data.id + '\', this)"><i class="toggle-switch__helper"></i></div></div >';
                        } else {
                            table += '<div class="form-group pull-right"><div class="toggle-switch toggle-switch--green"><input type="checkbox" class="toggle-switch__checkbox status" onchange="ChangeBlacklist(\'' + data.id + '\', this)"><i class="toggle-switch__helper"></i></div></div >';
                        }
                        //table += '</tr>';
                        return table;
                    }
                }
            ],
            autoWidth: false,
            responsive: true,
            lengthMenu: [[15, 30, 45, -1], ['15 Rows', '30 Rows', '45 Rows', 'Everything']],
            language: {
                sZeroRecords: "Eşlesen Kayıt Bulunamadı",
                searchPlaceholder: "Arama Yapabilirsiniz...", // Search placeholder
                //processing: Blok()
            },
            "sDom": '<"dataTables__top"flB<"dataTables_actions">>rt<"dataTables__bottom"ip><"clear">',
            buttons: [// Data table buttons for export and print
                {
                    extend: 'excelHtml5',
                    title: 'Export Data'
                },
                {
                    extend: 'csvHtml5',
                    title: 'Export Data'
                },
                {
                    extend: 'print',
                    title: 'Material Admin'
                }
            ],
            initComplete: function () {
                $('.dataTables_actions').html(dataTableActions);
            }

        });



        //$('#datatable').on('processing.dt', function (e, settings, processing) {
        //    if (processing) {
        //        Blok(); // **I do not get this**
        //    } else {
        //        UnBlok(); // **I get this**
        //    }
        //}).dataTable();




        $('body').on('click', '[data-table-action]', function (e) {
            e.preventDefault();

            var action = $(this).data('table-action');

            if (action === 'excel') {
                $('#datatable_wrapper').find('.buttons-excel').click();
            }
            if (action === 'csv') {
                $('#datatable_wrapper').find('.buttons-csv').click();
            }
            if (action === 'print') {
                $('#datatable_wrapper').find('.buttons-print').click();
            }
            if (action === 'fullscreen') {
                var parentCard = $(this).closest('.card');

                if (parentCard.hasClass('card--fullscreen')) {
                    parentCard.removeClass('card--fullscreen');
                    $body.removeClass('data-table-toggled');
                }
                else {
                    parentCard.addClass('card--fullscreen')
                    $body.addClass('data-table-toggled');
                }
            }
        });
    }
    
}