Table shows no rows if you scroll too fast

**I'm submitting a bug report**

* **Library Version:**
1.0.0-beta.7

**Please tell us about your environment:**
* **Operating System:**
Windows 10

* **Node Version:**
10.16.3

* **NPM Version:**
6.9.0

* **JSPM OR Webpack AND Version**
webpack 4.27.0

* **Browser:**
Chrome 78.0.3904.87

* **Language:**
TypeScript 3.6.3

**Current behavior:**
This no longer works again (if you scroll slightly too fast the rows disappear, the height of the bottom placeholder tr tag appears to be too high):

```

${user.avatar_url}

```

**Expected/desired behavior:**
- Do au new to create a new skeleton project
- remove the overflow attributes from the page-host css class
- paste in the above templating into welcome.html
- throw an array into welcome.ts to iterate on
- run the project
- scroll quickly to the bottom
- The table rows show as expected

Create a new skeleton project with au new, remove the overflow attributes from the page-host CSS class, and use the reported template in welcome.html with an array from welcome.ts. Run the project and reproduce the failure by scrolling quickly to the bottom. Done means the table rows remain visible instead of disappearing and the bottom placeholder tr no longer appears too high.

Written by the indexing model from the issue text.