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

use filtering on dynamic column names in ngx-datatable

I'm using Angular 6 and ngx-datatable to display data in the table. If the columns are known earlier, the filter works like updateFilter(event) { const val = event.target.value.toLowerCase(); // filter our data // update the rows …
Anuj TBE
  • 9,198
  • 27
  • 136
  • 285
0
votes
2 answers

NGX Datatable not sorting date by year

I am working with NGX Datatables, and I have all my data sorting correctly, besides the dates. It seems that NGX's inbuilt sort is sorting from left to right, so it sorts the month/day but not by year. I am trying to sort with this format…
0
votes
1 answer

Is It possible to programmatically resize a column [ngx-datatable]

Is it possible when using the ngx-datatable to programmatically resize a column? Any help will be appreciated thanks
0
votes
2 answers

With ngx-datatable, Is it possible to have one column headers for two columns?

I'm trying to create an ngx-datatable column. I need a single column header for two columns (Please see screenshot). Is this possible? Example screenshot
Todd Fishburg
  • 215
  • 1
  • 2
  • 9
0
votes
1 answer

addign additional columns in ngx-datatables

I'm using Angular 6 and using ngx-datatable to add datatable in my application. In the template file, I am using following code to display datatable
Anuj TBE
  • 9,198
  • 27
  • 136
  • 285
0
votes
1 answer

Filters per column in a javascript table (Angular) combined results

I have this ngx-datatable for Angular that doesn't support filter by column. I would like to add an input filter for every column (some are strings, some are multiple choices etc) and combine them to a single filter so I can use it to get data with…
Tudor-Radu Barbu
  • 444
  • 1
  • 11
  • 28
0
votes
2 answers

How to develop sortable column by click on header ( ngx-datatable)?

How to develop sortable column by click on the header? I am trying to do like in the documentation, but it does not work.
John Doe
  • 3,794
  • 9
  • 40
  • 72
0
votes
1 answer

Ngx Datatable to display one row entry

Table Image I would like to display all the trans types but the correlation id must only appear once. How do I achieve this from the front end? HTML code:
HimWell
  • 11
  • 7
0
votes
1 answer

Hide column in ngx-datatable Ionic

I'm new to NGX-datatable. I have to populate my data table from Firebase in my ionic app. Given below is the format of JSON which is returned from the Firebase. I want to know if I don't use the User_id as a column, how do I access the User_id in…
0
votes
1 answer

usage of ngFor with ng template in ngx-datatable-column

I am having a problem here where my ngFor does not show any data, although there is no stack error or something. I want to know how to display my array of objects -called "cldbAccounts"- which has to objects and display two properties of them in…
0
votes
1 answer

Ngx-Datatable sorting by date column doesn't work

I have the next code:
Fabio Romero
  • 27
  • 2
  • 9
0
votes
1 answer

Add Icons dynamically to ngx-datatable

I have a requirement for adding icons dynamically to the rows of a ngx-datatable in my Angular 4 code. Just to give a brief of what I'm trying to achieve: One column of my ngx-datatable would contain a Boolean value, either true or false, which is…
Debo
  • 505
  • 4
  • 13
  • 24
0
votes
2 answers

Ngx-datatable show icon on hover

I'm trying to implement a ngx-datatable and I need to show the delete icon only when mouse is hovered over row. Now when I put the cursor over the row, it shows the delete icon in all rows and not the correct row. So, what is the proper way of doing…
claudiomatiasrg
  • 578
  • 4
  • 11
  • 31
0
votes
1 answer

How to pass multiple pipes for ngx-datatable-column in Angular?

I would like to ask if do you have any ideas how to pass multiple pipes in Angular? Currently, my code is is passing only one pipe. const customPipe1 = new CustomPipe2(); const customPipe2 = new CustomPipe2();
rj.learn
  • 645
  • 1
  • 6
  • 14
0
votes
1 answer

Ngx-datatable Refresh rows

Trying ngx-datatable (version 11) with Angular-5 for the first time, rows load fine when loading during ngInit, but when lazy-loading, during a user search request, it shows the total of rows in the table, shows the first row, but not the rest of…
Mike Gmez
  • 111
  • 3
  • 18