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

ngx-datatable rowClass is not working

This question might have answers already as I have seen some, which were not helped me to solve the issue. My issue is rowClass in ngx-datatable is not working for me. Datatable code - test.component.html
Sivakumar Tadisetti
  • 4,865
  • 7
  • 34
  • 56
8
votes
2 answers

Ngx-datatable cellClass not working

I try to append my custom css to ngx-datatable cell.
tprieboj
  • 1,680
  • 6
  • 31
  • 54
8
votes
4 answers

Angular 2 - Refresh ngx-datatable list issue

I'm working on an Angular 2 project. I use ngx-datatable to display a list of users:
Marc El Bichon
  • 397
  • 1
  • 7
  • 24
8
votes
2 answers

ngx-datatable multiple columns from model

I'm looking for a way to add columns to a ngx-datatable "dynamically" but I am not able to find a way. What I am trying to accomplish is some sort of calendar. To keep it simple let's say I've got some objects I want to show in the table for…
Mike Äfer
  • 467
  • 1
  • 8
  • 15
8
votes
5 answers

Angular 2 Pipe ShortDate on NGX Data Table

I would like to format a date column as a short date in Angular 2 NGX Datatable. Here is the HTML: Here is the component TypeScript import { Component, OnInit } from…
Greg Finzer
  • 6,714
  • 21
  • 80
  • 125
7
votes
1 answer

ngx-datatables gives "rxjs_1.fromEvent is not a function" error while sorting

I'm just following the demo to show a simple datatable. Here is my code: columns = [ {name: 'ID', prop: 'id'}, {name: 'Street Address', prop: 'address.street'}, {name: 'Suburb', prop: 'address.suburb'}, {name: 'State', prop:…
Subhan
  • 1,544
  • 3
  • 25
  • 58
7
votes
2 answers

Is it possible to bind a reactive form array controls to ngx-datatable?

My form array html mark up works perfectly, (shortened snapshot)
JSON
  • 1,583
  • 4
  • 31
  • 63
7
votes
3 answers

Set fixed height for ngx-datatable in Angular 4

I've set up a table using the swimlane/ngx-datatable in an angular 4 application. The table uses the property scrollbarV since it's necessary as a requisite. I want to do exactly as in the example provided by them and set a fixed height for the…
Fnr
  • 2,096
  • 7
  • 41
  • 76
7
votes
1 answer

ngx-datatable mouse hover rendering issue

I am using Ngx-datatable with Angular. https://github.com/swimlane/ngx-datatable Its loading data without any problems. The problem I have is ngx-datadatable is rendering whenever I move the mouse pointer over data rows. Is there anyway I can…
Ashhab
  • 199
  • 1
  • 5
7
votes
2 answers

Angular ngx-datatable row-detail issues

I'm having two issues with using row-detail in ngx-datatable. rowIndex is not working. I found a github issue describing the problem but it was supposedly fixed around v. 10.0.2 and I'm using 11.1.5 (the current version). Every row returns 0 for…
beachCode
  • 3,202
  • 8
  • 36
  • 69
7
votes
4 answers

Is it possible to change the ngx-datatable-column name?

I am building an angular2 web application and I have a ngx-datatable element. The columns (header) names are numbers. Is there any way that I can edit those names in view? After search I could not find a lot of information about…
7
votes
1 answer

How to implement server-side Pagination + server-side Sorting with ngx-datatable

With the Angular component ngx-datatable from Swilane it is possible to use the server-side paging and the server-side sorting. Both of them are documented, however it is not clear how to combine them and use server side pagination+sorting at the…
Francesco Borzi
  • 56,083
  • 47
  • 179
  • 252
7
votes
1 answer

ngx-datatable - how to define 'cell class' for columns at runtime

I tried to bind columns, which columns are getting at run time using columns properties from class object. I want to…
shan
  • 85
  • 1
  • 1
  • 4
6
votes
1 answer

wrapped text in ngx-datatable rows getting cut-off in print view

I overwrote the css for ngx-datatable's datatable-body-cell-label class to allow the contents to wrap when printing. However, as an unwelcome side-effect, wrapped text is getting cut-off when the page breaks. I attempted to remedy this by adding…
Boris Layvant
  • 151
  • 13
6
votes
1 answer

ngx-datatable inside other ngx-datatable rowDetail?

I'm new with Angular 4 and ngx-datatable and I'm getting stuck. Now, I have a ngx-datatable with a simple rowDetail, just like it's shown here. The problem is that I need the rowDetail to contain another ngx-datatable and I don't know if this is…
Nemezih
  • 151
  • 1
  • 7
1
2
3
30 31