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
2 answers

How to color conditionally a cell for ngx-datatable

I want to change the color of the cell/value if entry is negative. I know there should be more params inside the getCellClass-function but I dont know how to address them correctly since documentation of ngx-datatable is not easy to…
Izzy030
  • 59
  • 1
  • 11
0
votes
1 answer

Ngx-datatable get CSS of rows

My goal is to apply a class to a row when I click on a button inside the row. I've define some buttons inside a column as you can see below: contactlist.component.html
0
votes
1 answer

Why does ngx-datatable has a slow performance?

I have created a simple data table with approx. 20 columns and 50 rows with something like this:
Lars
  • 920
  • 1
  • 14
  • 34
0
votes
1 answer

How can i add button to a column in a ngx-datatable in Angular 8?

This HTML code is not working for me.
0
votes
1 answer

How to pass external variables to ngx-datatable-column?

I'm trying to get access of an external variable "distance" inside of a cell template. Therefore I'm looking for a way to tell the template the variable like this. I know that the code below can't work, but how can I achieve something like this?…
Lars
  • 920
  • 1
  • 14
  • 34
0
votes
2 answers

Data does not display in table but is it actually exist

I've been trying to display a list of data from the server. The problem is that it shows 'No data to display' but somehow the data is available. I've checked there is no error in the console. I'm using Angular version 7 and bootstrap 4. Please help…
gosling3
  • 13
  • 7
0
votes
1 answer

Is there any way we could add an "Items Per Page" attribute that the user can change on screen, using NgxPaginationModule in angular?

I am trying to add an "Items Per Page" attribute that the user can change on screen based on requirement, but using NgxPaginationModule, we are able to give the same only via code as below: Cant we implement a dropdown like how we do while using…
0
votes
1 answer

Control header label position in Angular 8

I am creating datatable in Angular 8. I am trying to display 'Column A' heading aligned left and 'Column B' heading aligned right. Trying out many solutions and nothing is working. The CSS class applied to header label is 'datatable-header-cell'…
Coder0997
  • 232
  • 2
  • 3
  • 14
0
votes
1 answer

Angular NGX Datatable data not set

I'm new on angular, i try to set data from the module. ngOnInit() { this.populate(); } public populate() { this.productService.getAllProduct('6f453f89-274d-4462-9e4b-c42ae60344e4').subscribe(prod => { this.products = prod.map(prx…
0
votes
1 answer

ngx-datatable with modal Angular 8

I am using ngx-tadatable, when I click on the first row which is just the column indices it opens the modal as if I was clicking on a pretty one with the data. Does anyone know how I can stop this mode, making it open only in lines with data. Since…
Betini O. Heleno
  • 326
  • 4
  • 15
0
votes
0 answers

Angular 8 - ngx-DataTable doesn't show datas

I have a datable that is returning the data from my API, but it is not being rendered. Below is the code: Module.ts import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { ModuloEscolaRoutingModule } from…
Betini O. Heleno
  • 326
  • 4
  • 15
0
votes
1 answer

ngx-datatable rowIndex is starting from 0

ngx-datatable rowIndex is starting from 0 When i display list using ngx-datatable rowIndex is coming from 0, can we make it start from 1.
Mohammad Fareed
  • 1,927
  • 6
  • 26
  • 59
0
votes
1 answer

Fix header in ngx-datatable

I am trying to fix the header of ngx-datatable provided as in : https://swimlane.github.io/ngx-datatable/#virtual-scroll I need to have a table with fixed header and scroll-able content. Below is the code : …
Ayushi Verma
  • 241
  • 3
  • 12
0
votes
1 answer

angular 8 ngx-datatable footer not displaying

I am having issues displaying the datatable footer and am unable to find a working solution online. I have tried a number of solutions including this: ngx-datatable-footer does not work in Angular Aplication and this: ngx-datatable footer customize…
0
votes
0 answers

How to change data in a Material Data Table with a button (Angular)

I have an Angular Material Data Table that I created using ng generate @angular/material:material-table --name=BHTable. I am trying to test how to dynamically change the contents of the table at runtime. In order to do this I want to create a button…
skellyton3
  • 55
  • 1
  • 6