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
I> You can also solve this by assigning a background color to the table but this is not always suitable.
In the following example the table is rendered inside a div container that has a lightgreen
background color.
<docsi-mat-example-with-source title="Filler" contentClass="mat-elevation-z7" [query]="[{section: 'ex-1'}]">
W> Currently, the filler is not supported when virtual scroll is disabled (vScrollNone
)