title: Does Angular 7's material table have virtual scrolling?
body: <p>I am beginning to suspect that I don't understand Angular's material table implementation, or the concept of virtual scrolling, or both :-)</p>
  
  <p>As I understand it, virtual scrolling is a technique used to limit the number of DOM elements which need to be rendered when scrolling in a large set of data, for instance a table. We have a viewport of size N, say 5 elements, through which we "view" the table. When scrolling, the <em>content</em> of the 5 elements that we view changes, but the DOM always renders only 5 elements.</p>
  
  <p>The Angular material table example from <a href="https://material.angular.io/components/table/overview#pagination" rel="nofollow noreferrer">https://material.angular.io/components/table/overview#pagination</a> seems to me to be doing the same thing.</p>
  
  <p>If we look at the DOM elements of that page, we selected a page size of 5, and the DOM only renders 5 rows in the table:</p>
  
  <p><a href="https://i.stack.imgur.com/et96l.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/et96l.jpg" alt="enter image description here"></a></p>
  
  <p>So my question is simple: is this virtual scroll or not?</p>