Skip to content

Make data grid's container gray background transparent #8136

@mariairiartef

Description

@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.

Image

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

Image

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.

Image

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.

Metadata

Metadata

Labels

No fields configured for Enhancement.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions