question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Scrolling after row selection causes error in DataTableBodyComponent

See original GitHub issue

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

[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 ScrollbarV enabled Pagination enabled Table selection enabled When selecting a row and scrolling away from it you get the following error : DataTableBodyComponent.html:22 ERROR TypeError: Cannot read property ‘-1’ of null at Object.eval [as updateDirectives] (DataTableBodyComponent.html:30) at Object.debugUpdateDirectives [as updateDirectives] (core.js:14640) at checkAndUpdateView (core.js:13787) at callViewAction (core.js:14138) at execEmbeddedViewsAction (core.js:14096) at checkAndUpdateView (core.js:13788) at callViewAction (core.js:14138) at execEmbeddedViewsAction (core.js:14096) at checkAndUpdateView (core.js:13788) at callWithDebugContext (core.js:15041)

Also I noticed that in some cases I get the following error but I don’t know the steps to reproduce : ERROR TypeError: Cannot read property ‘destroyed’ of null

Expected behavior Scrolling should work when a table row is selected

Reproduction of the problem

What is the motivation / use case for changing the behavior? Component shouldn’t have a bug

Please tell us about your environment: Windows 10, using npm package manager

  • Table version: 11.1.7 I am using the latest NGX datatable version

  • Angular version: 5.2.0 I am using the latest Angular version

  • 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 ] Tested in Chrome Version 63.0.3239.132 (Official Build) (32-bit)

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

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:8
  • Comments:13

github_iconTop GitHub Comments

13reactions
kanclalgcommented, Feb 12, 2018

I have the same problem. It can be reproduced in ngx datatable demo, though I can only reproduce it on Chrome (macOS), steps:

  1. Go to http://swimlane.github.io/ngx-datatable/#horz-vert-scrolling;
  2. Press on any cell value;
  3. Scroll down.

bug

This bug can be reproduced regardless of whether table is selectable or not.

2reactions
pratik-sinhacommented, Mar 26, 2018

Hello I am facing a similar problem the data in the table disappears and in the console I get the same error ERROR TypeError: Cannot read property ‘destroyed’ of null Did anyone find a solution? I have vertical scroll enabled too

Read more comments on GitHub >

github_iconTop Results From Across the Web

Table control row selection problem when scrolling vertically
Hi, I have created ZLT43 from LT43 and added few fields in the table control (screen no 1721) after selection screen. The length...
Read more >
Swimlane
I am using the ngx-datatable fullscreen. There is no empty space at the end of the table. After resizing the browser window the...
Read more >
Row selection doesn't work on first tap after scroll in a non- ...
Basically the problem I'm seeing seems like an Apple bug. The problem is after scrolling the table, the first tap on any row...
Read more >
JqxGrid selection problem - Forums
When i roll over the red sequre, grid select on the over area ... but it does cause a flickering and line movements...
Read more >
Selecting Row after Rebind and Scroll to Selected Row
Clicking on the SCAN button causes the VB.Net code-behind to a number of checks on the Serial Number entered and puts the results...
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