Untitled

var app = angular.module('designationdatatable', ['datatables']);
app.controller('EmployeeDesignationListController', ['$scope', '$http', 'DTOptionsBuilder', 'DTColumnBuilder',
    function ($scope, $http, DTOptionsBuilder, DTColumnBuilder) {
        $scope.dtColumns = [
            //here We will add .withOption('name','column_name') for send column name to the server
            DTColumnBuilder.newColumn("id", "id").withOption('id', 'id'),
            DTColumnBuilder.newColumn("name", "name").withOption('name', 'name'),
            DTColumnBuilder.newColumn("designationRefCode", "designationRefCode").withOption('designationRefCode', 'designationRefCode'),
            DTColumnBuilder.newColumn("version", "version").withOption('verion', 'version'),
            DTColumnBuilder.newColumn("refId", "refId").withOption('refId', 'refId')
        ];

        $scope.dtOptions = DTOptionsBuilder.newOptions().withOption('ajax', {
            dataSrc: "data",
            url: "/api/designation/designations/get?page" + dataSrc.number +"&size=" + dataSrc.size ,
            type:"GET"
        })
        .withOption('processing', true) //for show progress bar
        .withOption('serverSide', true) // for server side processing
        .withPaginationType(data.totalPages) // for get full pagination options // first / last / prev / next and page numbers
        .withDisplayLength(10) // Page size
        .withOption('aaSorting',[0,'asc']) // for default sorting column // here 0 means first column
    }])