Thursday, July 9, 2020

Server Side Pagination with Datatable.js



function BindTableGrid() {
        var table = $('#testtable').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax": function (data, callback, settings) {
                $.ajax({
                    type: "GET",
                    url: APIURL + "/api/testcontroller/GetData",                    
                    data: {
                        "id": 0,
                        "PageNumber": PageNo,
                        "PageSize": PageSize
                    },
                    success: function (data, textStatus, jQxhr) {
                        callback({
                            data: data,
                            recordsTotal: data[0].TotalCount,
                            recordsFiltered: data[0].TotalCount                          
                        });
                    },
                });
            },
            "columns": [
                { "data": "data1" },
                { "data": "data1" },
                { "data": "data1" },
                { "data": "data1" },
                { "data": "data1" },
                { "data": "data1" },
                { "data": "data1" },
                { "data": "data1" },
                { "data": "data1" },
                { "data": "data1" }                
            ],
            "bDestroy": true,  
            "sPaginationType": "full_numbers",
            "retrieve": true,
        });
    }

No comments:

Post a Comment