From version 0.8.10 datagrids can now scroll easily if you set their height. The header and footer stay fixed, only
the body containing the rows scrolls. It's as simple as setting the height of the
clr-datagrid
element to a specific value, or making it 100% to fill its container:
Specifying a header's width in any way, including through CSS with a simple class, locks the corresponding column size and makes it non-flexible. No need to duplicate that information on the cells, just the header is enough.
In cases where there is not enough data to display the datagrid will fill the container until it reach 100% of the height