Questions tagged [ngx-datatable]

Use this for questions about the ngx-datatable package for Angular 2+

ngx-datatable is developed by swimlane which is an Angular component for presenting large and complex data. It has all the features you would expect from any other table but in a light package with no external dependencies. The table was designed to be extremely flexible and light; it doesn't make any assumptions about your data or how you: filter, sort or page it.

Latest version of ngx-datatable is 13.0.1

Few useful links are as follows

462 questions
5
votes
3 answers

Ngx-datatable header cell text are not vertically aligned

i am using ngx-datatable in my angular project. Columns are -> "Estimated Production Rate", "Wk1Rate", "WK2Rate", "WK3Rate". I applied Wrapping for text using css so that to accommodate text - "Estimated Production Rate" within the header…
Sahi
  • 1,454
  • 1
  • 13
  • 32
5
votes
3 answers

ngx datatable vertical scroll with rowheight set to auto

I am using ngx-datatable inside my Angular application. I was wondering if it is possible to use vertical scrolling together with automatic row height. This means that if the text insde a cell of the tabel, becomes to big, the length of the row will…
Linnot
  • 123
  • 1
  • 2
  • 7
5
votes
1 answer

Need to hide row of ngx-datatable based on row index

I have an data table where I show data of branches, but need to hide the item with the index of 0.
Hovhannes Gevorgyan
  • 502
  • 1
  • 8
  • 22
5
votes
1 answer

Why is the force column mode not working correctly on my ngx-datatable instance?

I am trying to use the ngx-datatable package to display some data in my Angular 4 app and I am particularly interested in the "force" mode for setting column widths. As I understand it, that mode is supposed to intelligently determine column widths…
Stewart
  • 1,659
  • 4
  • 23
  • 35
5
votes
1 answer

Which are good open source Data grid for angular2?

In Angularjs we used to use ui-grid. But it's not available in angular 2. I have tried ngx-datatable but I found some issue with scroll when used with paging. Ag-grid is not free. I found angular2 slickgrid by Microsoft, but doesn't found much…
Amit Gaikwad
  • 923
  • 1
  • 9
  • 15
5
votes
2 answers

NGX Datatable - Resetting Offset on with Function

I'm filtering my table with an input and am wanting to reset the table to the first page whenever the filter is updated. Right now the table shows and the filtering works but the table page doesn't reset. Here is what I have to far: Table: …
av0000
  • 1,917
  • 6
  • 31
  • 51
4
votes
2 answers

Can't bind to 'rows' since it isn't a known property of 'ngx-datatable'

I followed this link but wherever I add NgxDatatableModule, I just getting this. Below is the criterias I already have tried. Added into app.module.ts not work then added to shared.module not worked then page.module not worked All time just…
cakePHP
  • 425
  • 1
  • 4
  • 23
4
votes
1 answer

“How to fix ‘NGX Data Table Checkbox Issue In Angular?”

I just made the common NGX data table for using in all my index,but whenever i used check boxes in table it's always coming in last column in index.whenever i applied individually its came on first column but i don't want to use it individually as…
Zeeshan Ansari
  • 1,413
  • 12
  • 21
4
votes
0 answers

ngx-datatable expand row is not working as expected

I am using ngx-datatable node package in my project. However, the expanding row function is not working. The scenario is like this I am calling the expand row function to expand the rows (setting by default) once the component will load by using…
Md. Amanullah
  • 311
  • 4
  • 15
4
votes
3 answers

Ngx-Datatable Access rowIndex in columns

HERE'S A STACKBLITZ FOR THIS PROBLEM: https://dynamic-ng-grid.stackblitz.io I have to access the rowIndex or row data where I have used ngFor, I tried using rowIndex and went through the docs but unable to find out how it could work. Any help…
Immad Hamid
  • 789
  • 1
  • 8
  • 21
4
votes
2 answers

ngx-data table how to display nested json data in data table in angualr -6

In ngx-data table how to loop through nested Json object in ngx -data table. json sample object: rows = [ { name: 'Austin', gender: 'Male', company: 'Swimlane', topings:[ { id:'101',name:'spinach'}] }, { name: 'Dany', gender: 'Male', company:…
Mounica
  • 170
  • 1
  • 4
  • 14
4
votes
3 answers

Add link inside each row - ngx-datatable

I am veryyy new to angular. I'm trying to add a link on each row of ngx-datatable, when clicking on the first column of each row. This should take me to another page based on the row id, for example if I have a table for courses, the first column is…
Nico
  • 125
  • 1
  • 10
4
votes
1 answer

Make context menu from one row be above the next rows

I am using ngx-datatable@14.0.0 package for Angular and I try to make a context menu. Unfortunately, a context menu i displayed as it was in the layer blow the next row. Example here: My goal is to have a context menu displayed above the rows…
Humberd
  • 2,794
  • 3
  • 20
  • 37
4
votes
2 answers

ngx datatable footer icons not displaying

Not able to display the ngx datatable default footer properly. Its showing the footer like this My code
jinks
  • 505
  • 1
  • 5
  • 17
4
votes
3 answers

Cannot read property 'toLocaleString' of undefined. Angular 5 ngx-charts

Console logCannot read property 'toLocaleString' of undefinedon my component.ts i am using this method to take the data from json getChartProducts() { this.TicketService.getAlladminPage(this.number, this.size, this.sort,…
Tzimpo
  • 964
  • 1
  • 9
  • 24
1 2
3
30 31