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
0
votes
1 answer

How to add datatable pager template to Angular ngx datatable

I am trying to create a custom pagination for swimlane ngx datatable (https://github.com/swimlane/ngx-datatable). Custom template for the footer is working fine (as per documentation: http://swimlane.github.io/ngx-datatable/#footer), and the…
0
votes
1 answer

Ngx-Datatable template issue

I am using an ngx-datatable to render tabular data(image below) in my Angular component. Everything works fine except the fact that I am unable to remove the sort function from the 'Action' header column. On inspecting it, I can see that it is using…
Debo
  • 505
  • 4
  • 13
  • 24
0
votes
1 answer

apply material theme to ngx-datatable in ionic angular

I'm developing a mobile application using the lateat ionic. I've installed ngx-datatable with npm to display some data. The table is working but I'm not able to apply the style. Following the documentation I added this to my page…
AleCat83
  • 1,443
  • 3
  • 22
  • 41
0
votes
1 answer

ngx-datatable - Material theme router animation

I'm applying material theme to ngx-datatable and whenever I route to a component using ngx-datatable, there is some animation triggered on the table content. You can see the demo here: Demo If I apply bootstrap theme, then no animation is played. Is…
Luca Brasi
  • 681
  • 2
  • 12
  • 28
0
votes
1 answer

Angular ngx-datatable Issue: when scrolling down new data isn't populating

I'm using Angular 5 with Bootstrap 4 and working with a library named ngx-datatable. I have a module named dashboard. In which I'm trying to fetch upcoming / new records while scrolling down in my ngx-datatable but I'm encounter an issue which is…
Ahmer Ali Ahsan
  • 5,636
  • 16
  • 44
  • 81
0
votes
1 answer

ngx-datatables element of arrays

I have arrays of elements within a structure: rsDoorInfo { tDoorNumArray:["701","702",...,"800"], tStartDate:["17-JUN-2018 15:51:00",","17-JUN-2018 15:51:00",...,"17-JUN-2999 15:51:00"], tEndDate:["17-JUN-2019 15:51:00", "17-JUN-2019…
0
votes
1 answer

angular 5 ngx datatable sorting not working

I am using [ngx-datatable] to show some data from database. So for that I have made my component(here I am using hotel as component). All the hotels are showing fine in datatable but the sorting for hotelname is not working at all. When I am doing…
NewUser
  • 12,713
  • 39
  • 142
  • 236
0
votes
1 answer

ngx-datatable detail row with API data not working

I am attempting to create a ngx-datatable that I can use for showing details on row toggle. Most everything works but I cannot figure out why I am not able to show data that comes form another api for particular row click. I have refereed this…
Bhargav Patel
  • 316
  • 5
  • 8
0
votes
0 answers

Angular - ngxDataTable - (page) event does not fire

I have a ngxDataTable, it works like a charm but...(page) event does not work as expected, it fires one time only, to the second page, but I have much more pages. How do I have it working? Thanks for advance!
user4474387
0
votes
2 answers

ngx Datatable update header dynamically

I am using the component ngx-datatable in my angular app and I am trying to update the header texts dynamically. What I was trying was the following: and updating the day_1_header…
Mike Äfer
  • 467
  • 1
  • 8
  • 15
0
votes
2 answers

Sorting is not working with if the column name having special and camel characters in it

I am using ngx-datatable. Sorting is not working if the column name having special and camel characters in it. For example : In table I am having the following columns needs to be sorted: displayName first_name Please can anyone provide me the…
user8030367
  • 81
  • 4
  • 18
0
votes
1 answer

highlight row when rowdetails is expanded

Is there any way to get it highlight the row when rowdetails is expanded in ngx-datatable ? we can get highlight expanded row. but can't able to the clicked row
Subash
  • 232
  • 1
  • 3
  • 12
0
votes
1 answer

Route doesn't change when I have scrolled in datatable

Current behavior I have created a ngx-datatable with one column that has a button inside of it. this button click works fine when i load the route with the datatable. What this button does is route to another "Detail page" of the clicked…
Kerim Çevik
  • 67
  • 1
  • 3
  • 9
0
votes
1 answer

automated testing ngx-datatable using robotframework with selenium

Has anyone used robotframework to test ngx-datatable? Since it isn't set up like a regular table, the selenium libraries Get Table Cell function doesn't work. Does anyone have an example of a work-around?
iamcootis
  • 2,203
  • 3
  • 18
  • 22
0
votes
1 answer

ngx-datatable dynamic cell style based on a component variable

The ngx-datatable cell styling example (http://swimlane.github.io/ngx-datatable/#css) uses the cell value as the condition. I want to use a variable in the component that I can change in any component method. I tried doing it in getCellClass(), but…
beachCode
  • 3,202
  • 8
  • 36
  • 69