title: How to use Angular ChangeDetectionStrategy to make a table with multiple inputs faster?
body: <p>I have an Angular application with a table that contains over 200 rows with 10 inputs each. If I go to the last page and add some text to an input it works fine, but if a go to the last page pressing tab and editing the values, it starts getting slow. </p>
  
  <p>It isn't a network problem, I already have all the data on the screen. The problem is when I pass over all the inputs changing values, as more I change slower it gets to type in the input, like it is lagging.</p>
  
  <p>I tried adding <code>changeDetection: ChangeDetectionStrategy.OnPush</code> in my component and it got faster, but I have to click on the screen to render the table for the first time. Also, I noticed that searching in the table fields got a lot slower.</p>
  
  <p>Is there any way to force the application to refresh the change detection only for the currently displayed inputs?</p>
  
  <p>I used chrome Devtools as sugested, and you can see the response increases over time with keydowns, as I edit the values of inputs of the table.
  <a href="https://i.stack.imgur.com/Dfs1A.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Dfs1A.png" alt="Recorded performance with chrome DevTools"></a></p>
  
  <p><a href="https://i.stack.imgur.com/OG2Ne.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OG2Ne.png" alt="enter image description here"></a></p>