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
46
votes
8 answers

Trying to center align button in td

I'm having trouble centering a button in a td. This is probably a simple CSS issue, but the app is using bootstrap, AngularJS, AngularJS-ui-bootstrap, and ngTable. I've included all of these components in my plunkr. I'm trying to set…
David M. Karr
  • 14,317
  • 20
  • 94
  • 199
44
votes
1 answer

Data Grid for Angular 2

What data grid should be used for an Angular 2 project if performance is a concern? I have been using ng-table for Angular 1, but am unsure which one would be good in terms of performance for Angular 2.
user3739018
  • 2,489
  • 3
  • 16
  • 25
29
votes
8 answers

How to render an ngTable without the pagination decorations?

In my small AngularJS app, I render several tables using the ngTable library. Only one could use pagination. The others will always fit on less than a page. Every rendered ngTable seems to add the "10 25 50 100" selector below the table. For…
David M. Karr
  • 14,317
  • 20
  • 94
  • 199
23
votes
3 answers

AngularJS ng-table fixed headers

I'm using ng-table to display some information. I would like to make the header and footer of the ng-table fixed and force the ng-table to draw scroll bars within the rows. The ng-table documentation site has no documentation on how to make that…
alessandro ferrucci
  • 1,261
  • 2
  • 24
  • 48
21
votes
4 answers

How to reload angularJs ng-table

I have an ng-table. I have multiple ng-tables inside one controller. I am giving dynamic attributes i.e. ng-table="tableParams2" or ng-table="tableParams3" etc. to them. I am making an ajax request on button click function to update the data. My…
Vishal Khode
  • 831
  • 2
  • 9
  • 15
15
votes
4 answers

Error: [$injector:unpr] Unknown provider: ngTableParamsProvider <- ngTableParams

I am trying to use ng-table and tried adding it on many places but its giving error for all cases. When I am adding ngTable in app.js, its giving: Error: [$injector:unpr] Unknown provider: ngTableParamsProvider <- ngTableParams When I am adding…
Prateek
  • 342
  • 1
  • 3
  • 15
12
votes
2 answers

ES6 angular-meteor ng-table getData function not called

I'm trying to refactor my code to ES6. I'm using angular-meteor and ng-table. Before refactoring, the data is shown on the table. However, after refactoring to ES6 syntax, the data doesn't show anymore. This is a snippet of the refactored…
dork
  • 4,396
  • 2
  • 28
  • 56
12
votes
1 answer

What is '$data' in ngtable's HTML page

I am using ngtable and at this place in HTML while displaying table I do not understand the use of $data, as '$' is not needed in other cases in ng-repeat.
Himanshu Bhandari
  • 1,769
  • 2
  • 23
  • 37
12
votes
8 answers

How to populate select filters on ng-table from async call

tl:dr How can I populate an ng-table including 'select' filters using ajax/json? Plunk showing the problem: http://plnkr.co/Zn09LV Detail I am trying to get to grips with AngualrJS and the ng-table extension and although I can get some nice tables…
Kaine
  • 1,285
  • 2
  • 16
  • 30
12
votes
3 answers

Custom filter with AngularJS ngTable

I'm trying to construct a table using ngTable, but with different custom filtering than described in the example from the ngTable page. I want filtering in place, but I don't want ngTable to render the filter selectors. I want to render them myself…
David M. Karr
  • 14,317
  • 20
  • 94
  • 199
11
votes
1 answer

Angular ng-table with Goto page

I'm using ng-table to setup a custom pagination control. I want to have an input that only allows valid page numbers. I have the existing pagination so far. script(type="text/ng-template" id="ng-table-pagination-input") div(class="ng-cloak…
Rob
  • 10,851
  • 21
  • 69
  • 109
11
votes
5 answers

Pagination controls not showing up in ng-table when fetching data from backend

I am fetching a list of data from the backend and displaying it using ng-table. The problem is that its not showing the pagination controls. Previously, when I used dummy data to show the ng-table, pagination was working totally fine. Could someone…
savinay narendra
  • 127
  • 1
  • 2
  • 10
9
votes
6 answers

How to Center Align ng-Table Header?

All , I am using ng-table for the Grid. I am using following code snippet to set the column . {{people.accessID}} But I am not able to center…
ggn979
  • 197
  • 1
  • 6
  • 15
9
votes
3 answers

Angularjs ng-table with AJAX data source, sorting and filtering

I'm trying to apply the ngTable directive to my Rails app, but can't get it right. I'm still a newbe in angular and this directive seems very poorly documented (though has a great variety of nice examples). So I have an array called $scope.users…
Almaron
  • 4,127
  • 6
  • 26
  • 48
9
votes
4 answers

Loading JSON via AJAX with NgTable parameters

I'm trying to use ngTables to sort and filter data using an AJAX call. Currently I am able to replicate the data with an ng-repeat, but none of my sorting functions apply. I referenced this example http://plnkr.co/edit/zuzcma?p=info and was able to…
jacoStillLives
  • 131
  • 1
  • 1
  • 7
1
2 3
41 42