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

Editing ngx-datatable styling issues

I'm following the themeing setup for ngx-datatable. First I npm installed ngx-datatable 10.4.0 since this is compatible with Angular 4 and an earlier version of rxjs. My problem is with the styling of the table. My template file looks like…
Shaun Chua
  • 705
  • 3
  • 13
  • 32
4
votes
0 answers

ngx-datatable - CRUD with reactive forms

I'm trying to create a CRUD table (rows from a http service) with the angular module ngx-datatable. I want to use reactive forms to accomplish this (newbie). The problem is that ngx-datatable doesn't have a row-template to where I could bind a…
Adrian
  • 807
  • 2
  • 12
  • 25
4
votes
1 answer

How to scroll the horizontal scroll bar when drag the column of ngx-datatable,Angular4

I am trying to scroll horizontal scroll bar when drag the column header of ngx-datatable.I am using Angular4.In my ngx-datatable there is horizontal scrollbar ,When I drag the first column from left to right ,then the horizontal scroll…
Mohit
  • 335
  • 3
  • 10
  • 19
4
votes
0 answers

ngx-datatable - Setting a table height

I have an ngx-datatable with server-side pagination. Given a page size of say 100 rows, the table grows vertically to display all the rows. However, I want to keep the table to a fixed height though, say with a viewport that shows 10 and a…
J. Ardura
  • 41
  • 3
4
votes
1 answer

Default options for ngx-datatables

How to override/set default parameters of ngx-datatables in Angular 2?
Hristo Enev
  • 2,421
  • 18
  • 29
4
votes
7 answers

I have a custom dropdown component in each header cell of ngx-datatable

I have custom dropdown component in each header cell of ngx-datatable. But when I click at dropdown the it is going inside ngx-datatable body. How can I fix the issue please help me. I am using angular 4.0 and typescript 2.4. Screen shot: Here is…
Mohit
  • 335
  • 3
  • 10
  • 19
4
votes
1 answer

Angular 4 Ngx-datatable Filter not working object is null but accessed (even with if condition)

I'm using ngx-datatable and I tried to add filter ability to my code but it dosen't work at all. This is my code : import {Component, OnInit, ViewChild, ViewEncapsulation} from '@angular/core'; import {NavbarService} from…
Noah13
  • 337
  • 4
  • 13
4
votes
0 answers

Is it possible to use Angular form validation with ngx-datatable?

I'm presenting data using ngx-datatable so that the user can dynamically add or remove rows and save those changes. But I would like to be able to use Angular's built-in form validation for any newly added rows. Is doing this even possible?
Darrell Brogdon
  • 6,843
  • 9
  • 47
  • 62
4
votes
4 answers

Angular 4 and ngx-datatable: 'ngx-datatable' is not a known element

I try to use ngx-datatable in my angular 4 project using system.js to load the module, but it throws errors like this: Can't bind to 'rows' since it isn't a known property of ngx-datatable. Can't bind to 'columns' since it isn't a known property…
Thomas Schneiter
  • 1,103
  • 2
  • 19
  • 35
3
votes
2 answers

How to only have selected 1 checkbox in a Ngx-datable table?

I have an ngx-datatable witch checkboxes, only 1 checkbox needs should be selected at a time. I have tried to accesing the event using this: html
Andre Gomez
  • 69
  • 2
  • 7
3
votes
2 answers

Dynamically change row color in ngx-datatable

I am using ngx-datatable with Angular 7. I need to update the table row color dynamically according to the color value which is comes with the data set. I have tried rowClass feature. But it is not the what I am looking for. How can I set the row…
Bishan
  • 15,211
  • 52
  • 164
  • 258
3
votes
0 answers

Can we specify id to a ngx-datatable-column to identify it in a unique manner?

I want to assign an id attribute to a ngx-datatable-column. For example, applying an id to a div tag. I tried adding 'id' to ngx-datatable using the format [id]="row.uniqId" but was unsuccessful. Is there any other way to define id to a…
vaibhav naik
  • 149
  • 1
  • 5
  • 13
3
votes
4 answers

Prevent redirection through href="#" while using Angular Router

I've been working on an Angular project which includes different libraries most importantly ngx-datatable. Routing is working without any issues except for anchor tags where href="#" where the user is redirected to / even if not required. All the…
onepoordeveloper
  • 199
  • 1
  • 5
  • 15
3
votes
1 answer

Ngx-Datatable will not display row data retrieved via Ajax unless mouse over or mouse leave event triggered

I really do not understand what the issue is with the Ngx-Datatable. It just will not update and display records until a mouse interaction. This happens even the first time I bind data. After the Ajax retrieval of data is complete, the display will…
Brian Ogden
  • 18,439
  • 10
  • 97
  • 176
3
votes
1 answer

Multiple columns in group row header in ngx-datatable angular6

I am using ngx-datatable to render data table with grouping of rows. Here is the HTML code …
Sunil Garg
  • 14,608
  • 25
  • 132
  • 189
1 2 3
…
30 31