Make data grid's container gray background transparent

[mariairiartef]

Is your feature request related to a problem? Please describe.

In lens, we have noticed that the space below the table is gray. This happens when there are not enough rows to reach the end of the table. As the color is gray, it doesn't match the background.

Additionally, it also looks looks tacky in dashboards as it seems that no other visualization fills empty space with grey.

This table is using the data grid EUI component. You can reproduce the issue here.

We would like to have the possibility of making the table's background transparent to match the background, as @MichaelMarcialis requested here.

Describe the solution you'd like

We have thought about the possibility of exposing a background prop to data grid (whether as a part of gridStyle or somewhere else) to change the color. Another solution would be to remove the background from EUI.

Describe alternatives you've considered

We have opened a pull request that overwrites the background property to make it transparent. We consider this as a temporary solution since this change might cause some problems in the future in case of EUI decides to change data grid's implementation.