Questions tagged [ngtable]

ngTable is an AngularJS directive that is used for simple sorting and filtering html tables.

ngTable

This directive enhances your HTML tables. It support sorting, filtering and pagination. Header row with titles and filters automatic generated.

Features provided by ngTable

  • Pagination
  • Sorting
  • Filtering
  • Cell template
  • Row template
  • Params in url
  • Ajax
  • Table with hidden pagination
  • Custom template(pagination)
  • Custom filters
  • Table with checkboxes
  • Table with grouping
  • Table with grouping with callback
  • Table with external control of data
  • Export to CSV
616 questions
4
votes
2 answers

How to sort and filter ngTable date (milliseconds) data?

I am pretty new to Angularjs need some help with sorting date in milliseconds in descending order as well as a filter for the table columns. I created a plunker here but when I key in some filter param I do not see any filtered data and the data is…
AabinGunz
  • 12,109
  • 54
  • 146
  • 218
4
votes
2 answers

Pagination not working after loading JSON data on Ng-Table

I followed the example on http://bazalt-cms.com/ for the pagination but using $http.get instead of hard-coding a variable in the controller. $http.get("data.json").success(function(data){ $scope.dataset = data; } I also moved the…
user2901633
  • 989
  • 1
  • 8
  • 15
4
votes
3 answers

How to define a filter box out of the ng-table?

All I create a filter box in ng-table following the instrunctions of http://bazalt-cms.com/ng-table/example/4 my code is same as the example: create filter in html:
Zhao Leo
  • 101
  • 1
  • 3
4
votes
3 answers

AngularJS ngTable is slow on lot of data

I have a data massive with lot of data and try to display this data in table at AngularJS (with filtering and sorting). For this purpose I try to use ng-Table, but when data is too much (> 1000 rows) it start slowing on remote server, when data is…
JustIce
  • 113
  • 3
  • 7
4
votes
4 answers

In ngTables, running $scope.tableParams.reload() for the third time results in TypeError: Cannot set property '$data' of null

This error is in regards to the ngTable plugin for AngularJS. I seem to be having a really weird error. Basically, I can run $scope.tableParams.reload() twice with no problem, but on the third execution, and every following one, I get the following…
Adam
  • 41
  • 1
  • 3
4
votes
6 answers

ng-table not working for dynamic data

I have created a table and I am using http to load the data in the tables. So, in every click, my table data is changing, but I don't see the updated data in the table. I had created a sample Plunker for the reference. In my project, WHen I click on…
Vishal Khode
  • 831
  • 2
  • 9
  • 15
4
votes
1 answer

filtering column with combobox in angular ngtable

I'm trying to implement 'custom filtering' in angularjs table using ngtable similar to this example, but in my case the 'data' are being fetched asynchronously and it takes some time. The problem I'm facing is that when accessing page, this function…
michas84
  • 177
  • 3
  • 11
4
votes
1 answer

AngularJS ng-table with pagination: no rows displayed

I'm trying to use ng-table (http://bazalt-cms.com/ng-table/) in a web app based onto Typescript and AngularJS. I just have to display in a paged table some 50-500 items at most, all loaded at once from the server; so I'll what I need is client-side…
Naftis
  • 4,393
  • 7
  • 63
  • 91
4
votes
3 answers

ng-table , getData called more than once, why?

For some reason when getData uses angular resource to bring the data it is being called twice, causing the resource to do it REST request twice too <--- bad... Any idea why and how to solve it? Here a working testcase/plunker example that recreates…
Daniel
  • 36,833
  • 10
  • 119
  • 200
4
votes
1 answer

ngTable with angular-routing = undefined is not a function

Please help. I am stuck at this point for more then 14 hours and I can't find an explanation or an example. This is what I have now: http://plnkr.co/edit/PaYR7c0QXSKxl1jcmRBQ If I don't use angular-routing, ngTable works correctly. As soon as I add…
user3245625
3
votes
2 answers

Custom change on ng-table pagination click event in angular?

I have to make a custom change on ng-table pagination click event in angular, but i'm not finding the event of the click of pagination, does any one knows how i can custom this event? I want to make this: when i change the page the scroll of the…
3
votes
2 answers

How to add different filter comparators for different columns in angular ng-table?

I have created a table using ng-table as below. $scope.tableParams = new NgTableParams({}, { filterOptions: { filterComparator:angular.equals }, dataset:$scope.usersList }); This my html.
spc91
  • 93
  • 2
  • 11
3
votes
1 answer

How to hide ng-table columns?

I I've tried using ng-hide and ng-show to show one different column when vm.allRecords is set to true:
jcubic
  • 61,973
  • 54
  • 229
  • 402
3
votes
0 answers

How to fill data in ngTable using ngResource but search and sort without hitting API call?

I have a ngTable in which I want to fill the data when the controller is using ngResource to query the API call to get the response array. Service (used same in both cases) angular.module('core.template.block'). …
3
votes
0 answers

AngularJs/ngTable + ui-Sortable => wrong order displayed after reload

i have a problem with reordering item in a table. i'm using angularJs + ngTable and ui-sortable. The problem is that the reordered data ist displayed in wrong order after reloading. The data is correct and the order values are correct too but they…