Stack Overflow
Stack Overflow

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

ngx-datatable - Bootstrap theme - Column headers

I'm trying to implement ngx-datatable with the implementation of the theming for Bootstrap. I'm adding the Bootstrap CSS from both Bootstrap 4 and from ngx-datatable on the app styles: "styles": [ …
CesarD
  • 573
  • 14
  • 30
3
votes
0 answers

Add custom attribute directive to each ngx-datatable row

I have a table created with ngx-datatable that requires a tooltip on each row. I also have a custom attribute directive that creates tooltips on hover and I'm trying to use the same code. How can I add the attribute directive to each ngx-datatable…
Timotei Manolache
  • 305
  • 4
  • 14
3
votes
1 answer

Disable select on specific column in ngx-datatable

I have a ngx-datatable with 4 data columns and one column with a delete button for remove the row from the table as below. HTML…
Bishan
  • 15,211
  • 52
  • 164
  • 258
3
votes
0 answers

Is there a way to customize the color of single cells in ngx-datatable angular2?

Is there a way to customize the color of single cells in ngx-datatable? I see that getCellClass is only helping me customize the color for the entire row. Pasting what I currently have here below - TS file - getCellClass = ({ row, column, value…
srao
  • 111
  • 1
  • 9
3
votes
1 answer

Show icon with column name in ngx-datatable

I am using ngx-datatable in my Angular 6 project and I need to show an icon with column name as in below screenshot.(marked as x where I need to show the icon) This is my current code for data-table.
Bishan
  • 15,211
  • 52
  • 164
  • 258
3
votes
0 answers

ngx-datatable highlight column

I am using ngx-datatable (https://swimlane.github.io/ngx-datatable/ ). Is there a way to add a column highlight? I have been trying to find a way to do this with [cellClass] and (mouseenter) and (mouseleave) and [ngClass] and a million different…
cheesydoritosandkale
  • 569
  • 7
  • 24
3
votes
1 answer

@swimlane/ngx-datatable virtual scroll works only with cached rows

@swimlane/ngx-datatable virtual scroll works only with cached rows. Cached rows keep in the array. In my case, the number of that rows can be more than 10 million. How to not cache that rows and use the virtual scroll? Reproduction of the…
Dmitriy Ivanko
  • 950
  • 8
  • 17
3
votes
0 answers

Scroll to a Row in Ngx-datatable programatically

I have a ngx-datatable with element in each row. Is there a way to programmatically scroll to a particular row and focus on the element. Example: I have 20 rows in total displaying 10 rows in each page.Based on user actions I want to…
Sai Raman Kilambi
  • 878
  • 2
  • 12
  • 29
3
votes
1 answer

ngx-datatable gives "rxjs_1.fromEvent is not a function" while sorting on row detail table for Angular 6

I have few tables, sorting does work on tables without row detail. However, when I add row detail, sorting is breaking and throwing following error. "rxjs_1.fromEvent is not a function" My code is as follows for row detail
Kush Patel
  • 3,685
  • 5
  • 42
  • 65
3
votes
1 answer

ng-select inside ngx-datatable dropdown is not visible

(I reproduced my issue here: https://plnkr.co/QvEWjhJhbsghy1OD) The drop down list of options is not displayed "over' the row, it seems cut by the cell's height, making it pretty useless. A regular