In order to reduce changing layout when a dashboard is rendered without data for any reason, empty states should be aligned across chart types, with minimal differences to non-empty states (leveraging existing meta information about domains)

Various empty states: https://www.figma.com/file/gN9GXdZl0NMvdBjZfTo5Ib/Lens-Empty-States?node-id=2%3A8

Blocked on elastic-charts capabilities for now.

For data grid:

To render dummy table rows, a repeating background on the virtualized container can be used:

background-size: 36px 36px;
    background-image: repeating-linear-gradient(0deg, #D3DAE6, #D3DAE6 1px, white 1px, white);
    background-position-y: 135px;

The background-position-y has to be calculated using the size of the actual div element containing the rows (which doesn't have a class name) - this can be done by getting a reference to this element and checking the height.