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

Making div to fill the space between nav and footer but with angular components

I have been trying to get my answer from this post Make a div fill the height of the remaining screen space But I couldn't make it work for me. I have my nav as separate component and after the nav the container is holding all the other divs so I…
tekin
  • 145
  • 4
  • 15
0
votes
0 answers

How to set row class dynamically in NGX datatable?

I am basically implementing a search functionality which is outside of the table, and want to highlight the rows if the search content matches something in the table row. Also there are multiple tables on the page. Here's my panel…
Aijaz
  • 680
  • 15
  • 42
0
votes
1 answer

How to import ngx-datatable css styles, inside angular scss project

I have an Angular project with scss styles ext angular.json "schematics": { "@schematics/angular:component": { "styleext": "scss" } },... Then, i have a component that need to use ngx-datatable with themeing, so I import the css…
Aferrercrafter
  • 319
  • 1
  • 6
  • 14
0
votes
0 answers

Using ngx-datatable, I need to find the next and previous row in the table

ngx-datatable doesn't seem to provide a way to know the next or previous record. It only multi-sorts visually. I've tried recreating the sort separately by matching the [sorts] array, but the table can still be in an unknown order. I tried forcing a…
RWilliams
  • 1
  • 1
0
votes
1 answer

Reusing components in ngx admin in angular 6

I am using NGX Admin and I am stuck at reusing components. I am trying to use smart table and pie charts inside the Dashboard but I am getting a template parse error. What I did was inside dashboard.module I added the module reference import {…
SP1
  • 1,182
  • 3
  • 22
  • 47
0
votes
2 answers

Disabling table animation for ngx-datatable

The horizontal scrolling animation for ngx-datatable is laggy and I want to disable it. I haven't found any parameters in the docs that would allow me to do this. Is there any way to achieve this?
mtgillin
  • 71
  • 2
  • 7
0
votes
1 answer

Angular 6 X-editable with ngx-datatable

I'm using X-editable with ngx-datatable on Angular 6 and it's working well, but there is one problem which I can't solve...After updating field with X-editable attached, a new value appears and it's like attached to datatable row index instead of…
peter 73
  • 85
  • 1
  • 8
0
votes
0 answers

Angular5 - ngx-datatable scrolling with an variable limit isn´t working

https://stackblitz.com/edit/ngx-datatable-scroll-with-limit if start in stackblitz you see 5 rows with header and footer. I want to change with the select-box above the count of visible rows. if you select 15 it changes not directly the table. But…
alex
  • 1
  • 2
0
votes
2 answers

Ngx-datatabel responsive row details with flex mode

I have a problem with my ngx datatable row details. Everything seems to work fine and all columns and rows are very responsive. When I open the row details, they show up fine. However if I change the width of my browers, the details wont scale with…
Dev Db
  • 740
  • 4
  • 10
  • 30
0
votes
0 answers

MAT-Select selected option not changing color

I have a mat-select within an ngx-datatable. Through css, I have been unable to change the text color of the selected option. I believe my selector is working, because I have been able to change font-weight and size. The options are colored…
Todd Fishburg
  • 215
  • 1
  • 2
  • 9
0
votes
1 answer

Load data into table after table is loaded - ngx-datatable

I have a page with a dropdown and a ngx-datatable. I page loads the dropdown and the table and depending on what the user selects, the table loads the relevant data. Problem I'm having is the table is loading, but isn't showing the columns/rows, but…
canpan14
  • 1,181
  • 1
  • 14
  • 36
0
votes
1 answer

ngx-datatable very slow when load edit popup

I have ngx datatable like this,I can edit every row in poppup, all works fine until I got to second page of results, the is magic, when I click row to edit, I catch breakpoin in editCustomer method but data in popup are refreshed only after like 5…
kosnkov
  • 5,609
  • 13
  • 66
  • 107
0
votes
1 answer

how to make ngx-datatable faster by loading data page by page?

I'm using Angular 4 and I have a data table with more than 1000 rows of data. When ngOninit() is running, it takes a long time before I can see all the data! How can I make it faster? Or can I load the data page by page by using the [limit] and…
fariba.j
  • 1,737
  • 7
  • 23
  • 42
0
votes
0 answers

angular2-Multiselect dropdown selection is not working in ngx-datatable

Screenshot for reference I have added angular2-multiselect dropdown in ngx-datatable header for filtering the records, I'm binding the same ng-model object for all columns dropdowns, data is binding properly but all dropdowns are disabled. I'm not…
Ashwini R
  • 1
  • 1
0
votes
1 answer

Ngx-datatable - Filtered data removed on row value update

I'm using ngx-datatable 12.0.0 on Angular CLI 6.0.2 with table rows being populated from Firebase Real-Time Database (firebase 5.0.3). When I filter the table data and edit some row values stored in Firebase, ngx-datatable removes filtered data and…