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
1 answer

NGX Datatable matching rows to column prop

At the moment I am using the below logic to match row content to the correct column, but it seems to be slow and because of that sometimes rows don't render. Is there a more efficient way to get the same result? for (let value of values) { let…
DN0300
  • 864
  • 2
  • 12
  • 27
0
votes
1 answer

can not add independent cell of rows(received data from back) in ngx-datatable

i have a ts file like this: export class ListComponent implements OnInit { rows: any; columns = [ { prop: 'name' }, { name: 'Gender' }, { name: 'Company' }, { name: 'price' } ]; constructor( private productService:…
mo.nasiri
  • 1
  • 3
0
votes
1 answer

ngx-datatable double initial call on paging

this is my implementation using ngx-datatable html
kosnkov
  • 5,609
  • 13
  • 66
  • 107
0
votes
1 answer

How can we select a row in datatable builded with ngx-formly

File contain data with ngx-formly I have to make an API call from backend, actually a delete call. For this case i need to get the details from a row that i have to select. In this case i need to get ID for example from selected row. …
Stefani Toto
  • 280
  • 3
  • 13
0
votes
1 answer

Need to Apply pipe for specific property out of many property

I am receiving 18 property from API, I need to apply date pipe for a two-property value. How I can apply in .ts file out of 18 property. In below the code, return { prop: i, index: index, }; give all the…
Ragav Endiran
  • 1
  • 4
0
votes
0 answers

How to properly bind data to ngx-datatable for inline edit mode

I am trying to set up ngx-datatable component with inline edit option turned on but I am having a problem with binding row data into the table (I am quite new to angular). Could you please give me some hints what is wrong? I have really tried a lot…
VoodooVoid
  • 15
  • 1
  • 4
0
votes
2 answers

Cannot read property 'indexes' of undefined ngx-datatable

i use ngx-datatable version: 15.0.2 and Angular version: 8.1.0, i have this error: ngx-logger.js:852 2019-07-30T15:04:42.930Z ERROR [main.js:4696] TypeError: Cannot read property 'indexes' of undefined at DatatableComponent.get [as…
Khaled Ayed
  • 1,121
  • 3
  • 12
  • 29
0
votes
2 answers

Customize ngx-datatable pager component to show Text instead of Icons and add totalVisible property?

I am Customizing the datatable-pager in ngx-dataTable and can able to add footers and pagers. I have only two issues as follows - For prev / Next / First and Last button , How to show text instead of icon? How to add totalVisible property to show…
Nabarag Paul
  • 319
  • 5
  • 19
0
votes
1 answer

dynamic tooltips in ngx-datatable

I 've created an angular sample app which includes ngx-datatable component here. I've added the same tooltip in first column for each cell. Everytime you push the button in first column you copy the text and I want to change tooltip's text to…
A.A
  • 81
  • 5
  • 16
0
votes
0 answers

angular ngx-datatable ngFor row doesn't show data

I am using ngx-datatable and I want to use ngFor to show many data. Now the table header has shown, but row cell data no display. How to solve this problem? …
annoytw
  • 27
  • 1
  • 1
  • 7
0
votes
1 answer

ngx-datatable prevent whitespace

How to prevent ngx-datatable to have white space on end when resize. It work's when i remove [scrollbarH]="true", but i need scrollbar because table is to big for small screens. There is my html code.
Zvoncica
  • 1
  • 3
0
votes
1 answer

Fillable width on element

i have problem with horizontal scrollable div in ngx-datatable. How to fill content with full width ? That green color must be fill the content. Here is some code: @media screen and (min-width: 769px) and (max-width: 1160px) { .datatable-body…
batgerel.e
  • 837
  • 1
  • 10
  • 31
0
votes
1 answer

how to trigger group-row header expand manually ngx-datatable angular

I am using ngx-datable to render a table with row grouping. I am trying grouping of row dynamically. Initial value of groupBy is suppose "A"; Based on some event I…
Sunil Garg
  • 14,608
  • 25
  • 132
  • 189
0
votes
1 answer

Binding boolean column to checkbox in ngx-datatable

How can I bind a Boolean column to a checkbox in ngx-datatable? Currently I am using angular material table and use the following method : …
MHOOS
  • 5,146
  • 11
  • 39
  • 74
0
votes
0 answers

NullInjectorError: No provider for ScrollbarHelper

Error: Error: StaticInjectorError(AppModule)[DatatableComponent -> ScrollbarHelper]: StaticInjectorError(Platform: core)[DatatableComponent -> ScrollbarHelper]: NullInjectorError: No provider for ScrollbarHelper! CurrentBehaviour:…
Keerthana
  • 1
  • 1
1 2 3
…
30 31