title: How to solve flickering table and bouncing scrollbar to top in DataTable Forge viewer?
body: <p>I have a DataTable which has 100 rows and I'm setting it with lists.
  Dynamically I change the lists with selected name from a drop down.</p>
  
  <p>I do it with </p>
  
  <pre><code>   $("#datatable").remove();
     this.datatable =  new Autodesk.Viewing.UI.DataTable(this.panel);
     this.datatable.setData(datalist,titleList);
  </code></pre>
  
  <p>After the change if I try to go down with scrollbar, it doesn't allow and takes the scrollbar to the top automatically, the table flickers. If the number of rows are less, then there is no problem at all. </p>
  
  <p>On Chrome console I see these messages:</p>
  
  <p><strong>Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. DockingPanel.js:553 [Violation]</strong></p>
  
  <p>at start</p>
  
  <p>and when I try to scroll:</p>
  
  <p><strong>[Violation] Forced reflow while executing JavaScript took 75ms</strong> </p>
  
  <p>Interesting thing is, if I zoom in/out on browser or go full screen, the problem disappears, I can scroll down without problem to bottom rows of DataTable. And I don't see those [Violation] messages. <strong><em>But the click functionalities of table don't work</em></strong></p>
  
  <p>I have deleted all css for container(DockingPanel) and datatable itself but the problem didn't change. And I don't have any <em>eventlisteners</em> for scrolling. I know the question is broad range but I couldn't find any way out.</p>
  
  <p>Does anyone have any idea ? Can it be a DOM Problem ?</p>