Ngx- DataTable data refresh Issue

See original GitHub issue

I’m submitting a … (check one with “x”)

[ ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior I have used Ngx -data table in my angular 4 Project . when I added new row to grid , data not getting refresh data.

I have Push data in row after adding row , but it is not refreshing data .I have used below code to push row in rows.

        let tempRows = this.rows;
        tempRows.push(result);
        this.rows = tempRows;

does ngx-data table provide refresh method? .If not can you suggest any alternatives? Expected behavior

Reproduction of the problem

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

  • Table version: 0.8.x
  • Angular version: 2.0.x : 1.2.7 node: 6.10.2 os: win32 x64 : 4.3.4 : 2.0.0-beta.8 : 4.3.4 : 4.3.4 : 4.3.4 : #4.3.4 : 4.3.4 : 2.0.0-beta.8 : 4.3.4 : 4.3.4 : 4.3.4 : 1.2.7 : 4.3.4

  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

  • Language: [all | TypeScript X.X | ES6/7 | ES5]

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:15

github_iconTop GitHub Comments

35reactions
ScottSpittlecommented, Aug 28, 2017
this.rows.push(result);
this.rows = [...this.rows]
5reactions
JinsPetercommented, Feb 5, 2018

This happened to me withAngular version 5.2.3. this.rows.push(...records) did not trigger table change. I had to do this.rows = this.rows.concat(records);

Read more comments on GitHub >

github_iconTop Results From Across the Web

Angular 2 - Refresh ngx-datatable list issue - Stack Overflow
I'm working on an Angular 2 project. I use ngx-datatable to display a list of users:
Read more >
Ngx Datatable Refresh Rows Issue - StackBlitz
Starter project for Angular apps that exports to the Angular CLI.
Read more >
Change Detection - ngx-datatable - GitBook
The table implements OnPush change detection which means the dirty checking checks for immutable data types. That means if you do object mutations...
Read more >
swimlane/ngx-datatable - Gitter
The row data is fetched from an API every 60s. The problem is, whenever refresh happens, mycomponent will be destroyed and re-created even...
Read more >
ngx-datatable - Angular component for presenting large and ...
10k Rows; Full Screen; Inline Editing; Horz/Vert Scrolling; Multiple Tables; Filtering; Hidden On Load; Live Data; RxJS; Context Menu; CSS Classes ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found