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

How to focus on first row of the the ngx-datatable programatically?

I am trying to get reference of the first row to allow arrow key navigation on table rows. I tried with the below code with the function, that is working in development build, but in production build angular removes ng-reflect bindings so I am not…
maheshkumawat23
  • 31
  • 1
  • 7
0
votes
1 answer

nested json data minipulation for ngx datatable in angualr -6 / js

I am trying to create a ngx datatable that creates columns dynamically from nested arrays, which with some research is not possible - so to achieve my desired result, I must flatten my nested arrays with the key / values that i need from each nested…
roblawford
  • 179
  • 3
  • 11
0
votes
1 answer

Loading data when user goes to next page

I am accesing an api endpoint which atm retrieves > 1000 data objects and returns them to the user. I don't think this is efficient, as only 30 objects get viewed at once. Is there a way to load these objects more efficiently (i.e. 30 at a time),…
methuselah
  • 12,766
  • 47
  • 165
  • 315
0
votes
1 answer

add click event to ngx-datatable cell body

I want to call a function in click event of ngx-datatable cell body. This is the code I have right now.
Pumayk26
  • 537
  • 10
  • 28
0
votes
1 answer

Angular 7 Dynamic injectible templates

I will try to explain my problem as simple as possible: I am currently using NgxDatatable to render a crud table. I have a base component called CrudComponent to handle all crud stuff This component was meant to be extended for all simple…
Kaminari
  • 1,387
  • 3
  • 17
  • 32
0
votes
2 answers

Word Wrapping of Column Name

I am using ngx-datatable to display my data, and i dont want to show horizontal scroll bar so i need to word wrap the column name so that i can reduce the width of columns and eventually remove horizontal scroll bar I tried to add this css so that…
SSharma2203
  • 217
  • 4
  • 18
0
votes
1 answer

How to reduce the header font size of a ngx datatable

I want to reduce the header font size of an ngx-datatable without affecting the other ngx-datatable in the project.
Vedha
  • 221
  • 2
  • 5
  • 17
0
votes
1 answer

How to restrict a column not to be reordered in a table that is created using ngx-datatable but all remaining columns must be reorderable

i am creating some tables using ngx-datatable tool in angular 4. i need one column ie. first column of that table must not be reorderable and all other columns must be orderable. can anybody help me out?
uma mahesh
  • 61
  • 7
0
votes
1 answer

Angular ngx datatable hides some column content

Hi am using ngx datatable in my project,the column automatically cuts long datas, how to show entire data in column, for reference here with I have attached the screen shot the actual url for second row is…
Thiyagarajan
  • 247
  • 3
  • 5
  • 15
0
votes
1 answer

Expand ngx-datatable on view load

Have the below ngx-datatable where I want to have the first row expanded on view load. I have tried to call the toggleExpandRow(this.table.row[0]) on the angular lifecycle hook ngAfterViewChecked and the template is not getting updated with the row…
Joel Hess
  • 1
  • 1
  • 3
0
votes
1 answer

How to add css in ngx datatable to only some columns?

I have a following ngx datatable. It…
S S
  • 1,443
  • 2
  • 12
  • 42
0
votes
2 answers

How to use angular 6 datatables with observable data from server side(MySQL&Java&Springboot&hibernate) or How to convert an observable to an array?

see: ERROR am facing due to using mf.data ... when I remove mf from data {(mf.)data} system display well, but data table features wouldn't work. ClientsComponents.html:4 ERROR Error: Error trying to diff '[object Object]'. Only arrays and iterables…
Neo Sono
  • 186
  • 1
  • 4
  • 18
0
votes
2 answers

Error message not working properly in ngx-datatable

I am currently working with ngx-datatable. I collect data after subscribe and store it in dataRows: this.dataRows = res.data.items; which then passed to ngx-datatable
nas
  • 2,289
  • 5
  • 32
  • 67
0
votes
0 answers

How to spread data in ngx-datatable?

[ { "id": "1231", "hero": "xys", "lastAddedDate": "2019-01-16", "movieDetails": [ { "id": 1, "movie": "xasdas", "director": "jdnka", "release date": "2019-01-19 18:33:51.894" }, { …
Naga Lokesh Kannumoori
  • 585
  • 2
  • 9
  • 34
0
votes
1 answer

ngx-datatable cellClass as function in templateRef

I try to implement my css-classes to ngx-datatable cells like shown in the demos: https://swimlane.github.io/ngx-datatable/#css I'm using TemplateRef (instead of inline-Templates in the demo) @ViewChild('Bestand_HdrTpl') Bestand_HdrTpl:…
MarBl
  • 1
  • 4
1 2 3
…
30 31