Skip to content

[EuiInMemoryTable] add the ability to control the spacer's size when using childrenBetween #4246

@pgayvallet

Description

@pgayvallet

#4103 Introduced a new childrenBetween property to EuiInMemoryTable to inject arbitrary content between the search bar and the actual table. However currently, using the childrenBetween property automatically adds a spacer between the content and the table, without letting the developer have any control over it:

https://github.com/elastic/eui/blob/master/src/components/basic_table/in_memory_table.tsx#L695

In some designs, such as the SO tagging management screen in Kibana, we need to get rid of this spacer to have the custom content directly on top of the table:

Screenshot 2020-11-10 at 17 38 26

A possible solution would be to add a childrenBetweenSpacerSize property. After a discussion with @cchaos, it seems that just removing this spacer altogether and relying on the developer to add it manually when they need to do so would also makes sense.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions