Is your feature request related to a problem? Please describe.
When there are 2 or more datagrids that are being used in one page that has no available data to show, it takes up unnecessary spaces.

Describe the solution you'd like
Kindly change the datagrid size to smaller size when there are no available data to show.
Having a datagrid like below even if it can’t have the message “no data exist”s and is just blank is nicer and easier for display purposes.
Describe alternatives you've considered
Hiding the datagrid without no available data to show has been considered but it will be confused by the user that the page has no ability to show a certain data they are looking for.
From This:

To this:
With either blank second line or if it can be done – the words “No Data Available”. Users can then double click the box to be taken to the relevant form to insert records etc.

Additional context
When datagrids are heavily used on a page, it takes up more space especially when several datagrids don’t show any available data.
The enhancement is to be able to show grids where no data currently exists to a smaller version that obviously will allow expansion when more records are added.
I dont really understand the screen shot of what you want to achieve.
It should only take up the space that you give the datagrid and there is a min-height: 300px; otherwise. So thats currently the smallest size.
But it could make sense to allow some more options to be set like a emptyMessage height and width. Could you please upload a reduced test case we can work with as I'm not sure i fully understand the use case.
Hi, Tim.
Here’s how the datagrids are heavily used on our summary forms:

To save spaces on the form and also avoid unnecessary scrolling, we would like to change the datagrids without data to something like this:

Let us know if you have other concerns. Thanks!
Ok, Sounds good I was confused that the text looked like a record in the original screen shot.
Hi Guys, noticed the following error upon testing the changes in
https://master-enterprise.demo.design.infor.com/components/datagrid/test-empty-message-small.html?theme=uplift&variant=light&colors=0066D4
Also, the empty message font size remains the same even after changing the grid to extra small

Will fix this... Same as https://github.com/infor-design/enterprise/issues/4154#issuecomment-665596889
This issue is now resolved. Thank you.
Verified in https://4310-rc0-enterprise.demo.design.infor.com/components/datagrid/test-empty-message-small.html?theme=uplift&variant=dark&colors=0066D4

Most helpful comment
Hi, Tim.
Here’s how the datagrids are heavily used on our summary forms:
To save spaces on the form and also avoid unnecessary scrolling, we would like to change the datagrids without data to something like this:
Let us know if you have other concerns. Thanks!