GridGrid Filler

Grid Filler

The table's background is transparent, when the total height of the rows is lower then the height available this is visible.

The filler is a <div> that is added at the bottom of the grid and takes up the height left.

You can customize it's background through the CSS class pbl-ngrid-space-fill

You can also solve this by assigning a background color to the table but this is not always suitable.

Filler with Virtual Scroll

In the following example the table is rendered inside a div container that has a lightgreen background color.

The same thing, now with fixed mode virtual scroll

Disabling the Filler

You can disable the filler using the binding attribute noFiller

Filler and No Virtual Scroll

Currently, the filler is not supported when virtual scroll is disabled ( vScrollNone )

Shlomi Assaf © 2020. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.

Version 5.0.0 using angular 14.2.4 and cdk 14.2.3 (hash: 25f523f)