How invoke angular datatable pagination refresh callback after data update?

Issue I have angular datatable config which works fine. My config looks like vm.dtOptions = DTOptionsBuilder.newOptions(). withPaginationType(‘full_numbers’). //withOption(‘ajax’, { // url: ‘rest/get/’+entityName, // type: ‘GET’ //}). withOption(‘serverSide’, true). withOption(‘ajax’, function(data, callback, settings) { EntityManager.get({entity:entityName,action:’get’,start:data.start,length:data.length}).$promise.then(function(response) { console.log(‘response’); console.log(response); vm.objectList = response.data;

Continue reading

angular datatables not being rendered properly

Issue i am trying to use angular datatables with my angular js project but it seems something is being missed , can someone please help me out links : – <script src=”~/Scripts/angular.min.js”></script> @*<script src=”~/Scripts/angular-route.min.js”></script>*@ <script src=”~/Scripts/angular-resource.min.js”></script> <script src=”~/widget/angular-datatables/angular-translate.min.js”></script> <script src=”~/widget/angular-datatables/angular-datatables.util.js”></script>

Continue reading

Uncaught TypeError: this.movie.setSheetName is not a function – Angularjs Datatable

Issue Could someone let me know why am i getting this error. Uncaught TypeError: this.movie.setSheetName is not a function While using the buttons in Angularjs Datatable mentioned here https://l-lin.github.io/angular-datatables/#/withButtons Here is the code $rootScope.dtOptions = DTOptionsBuilder.newOptions() .withPaginationType(‘full_numbers’) .withDisplayLength(10) .withDOM(‘frtip’) .withBootstrap()

Continue reading

Angular dataTables with Ajax Source

Issue I’m trying to load data from an ajax source into angular datatable but it’s not even hitting the ajax call. var analyzer=angular.module(‘analyzer’, [‘datatables’]); analyzer.controller(‘WithAjaxCtrl’, WithAjaxCtrl); function WithAjaxCtrl(DTOptionsBuilder, DTColumnBuilder) { var vm = this; $scope.dtOptions = DTOptionsBuilder.fromSource(‘/analyzer/List’) $scope.dtColumns = [

Continue reading

$elem.hide is not a function in angular-datatable

Issue I want to use pagination plugin angular-datatable .I installed it with bower but it does n’t work.It gives the below error TypeError: $elem.hide is not a function at Object.showLoading (http://localhost:8000/vendor/angular-datatables.js:698:15) at postLink (http://localhost:8000/vendor/angular-datatables.js:47:31) at http://localhost:8000/vendor/angular.js:8783:44 at invokeLinkFn (http://localhost:8000/vendor/angular.js:8789:9) at

Continue reading

angular datatables ng-repeat doesn't work

Issue I’m using angular-datatables but when I’m using ng-repeat, the functions of datatables doesn’t work (sort, search, count, etc) HTML: <table datatable=”” class=”table table-striped table-bordered” cellspacing=”0″ width=”100%”> <thead> <tr> <th><input type=”checkbox” id=”checkall” /></th> <th>Navn</th> <th>Projekt</th> <th>Timer</th> <th>Uge</th> <th>Edit</th> </tr> </thead>

Continue reading

TypeError: _parentScope.$watchCollection is not a function Angular – datatables

Issue Getting this error when trying to load Angular-datatables. Includes: <script src=”//code.jquery.com/jquery-3.1.1.min.js”></script> <script src=”https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js”></script> <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js”></script> <script src=”https://cdnjs.cloudflare.com/ajax/libs/angular-datatables/0.5.5/angular-datatables.js”></script> Error: angular.min.js:63 TypeError: _parentScope.$watchCollection is not a function at Object.render (angular-datatables.js:901) at angular-datatables.js:124 at h (angular.min.js:78) at angular.min.js:78 at Object.$eval (angular.min.js:89) at

Continue reading

Angular Datatables Sometimes Fails To Load

Issue I have a angular datatable which sometimes just fails to load with the following error: angular.js:13708 TypeError: Cannot read property ‘mData’ of undefined at HTMLTableCellElement.<anonymous> (jquery.dataTables.js:1197) at Function.each (jquery-3.1.0.min.js:2) at r.fn.init.each (jquery-3.1.0.min.js:2) at HTMLTableElement.<anonymous> (jquery.dataTables.js:1194) at Function.each (jquery-3.1.0.min.js:2) at

Continue reading

adding an ng-click event for angular datatable td

Issue Previously I added an ng-click event to call $event.stopPropagation: <td ng-click=”$event.stopPropagation();”> <button type=”button” class=”btn btn-default margin-right-5″ ui-sref=”patient( { id : patient._id } )”> <i class=”fa fa-edit”></i> </button> <button type=”button” class=”btn btn-danger” ng-click=”vm.deletePatient( patient._id )”> <i class=”fa fa-trash-o”></i> </button> </td>

Continue reading

Row draw corrupt renderWith function

Issue I am rendering the column with below render function: DTColumnBuilder.newColumn(null).withTitle(‘Validation’).renderWith(validationRenderer) function validationRenderer(data, type, full, meta) { return ‘<div class=”btn-group”>’ + ‘<label class=”btn btn-default btn-sm”>’ + ‘<input ng-click=”vm.toggleValidation($event, ‘ + data.id + ‘, ‘+meta.row+’, ‘+meta.col+’)” name=”validation’+data.id+'” type=”radio” autocomplete=”off” value=”YES”> Yes’

Continue reading

AngularJS Datatable: responsive doesn't works

Issue I’m using angular-datatables with responsive table, but doesn’t’ works: the table look like without responsive option. Module: (function () { ‘use strict’; angular .module(‘app.myapp’,[‘datatables’]) .config(config); function config($stateProvider) { $stateProvider.state(‘app.myapp’, { url : ‘/’, views : { ‘content@app’: { templateUrl:

Continue reading

Angular-Datatables sorting date column not working in dd MM yyyy format

Issue I’m using AngularJs to create my frontend project. My goal is to create dinamically N datatables within uib-accordion, uib-accordion-group elements, in this way: <uib-accordion class=”” close-others=”true”> <div uib-accordion-group class=”panel-default” ng-repeat=”service in orderOrganizerCtrl.tableServiceIdFilter”> <uib-accordion-heading> {{‘2101_OrderEntry.Organizer.Service’ | translate}}{{service.key}} <br/> <span>{{‘2101_OrderEntry.Organizer.SelectedAgenda’ |

Continue reading

Angular 2 / 4 Server Side Processing for Datatables not displaying data

Issue Angular 4.2.4 Angular-Datatables 4.2.0 Html <table datatable [dtOptions]=”dtOptions”></table> Component ngOnInit() { this.dtOptions = { ajax: { url: “http://localhost:8880/nmets/api/manifest/search”, type: ‘POST’, contentType: ‘application/json; charset=UTF-8’, error: function(xhr, error, code) { console.log(error); }, success: function(result) {console.log(JSON.stringify(result))}, data: function(data) { data[‘dto’] = this.manifest;

Continue reading