Table: How to customize emptyContent

[manuel-mauky]

The Table allows you to define emptyContent on the <TableBody> component to show when no elements are available.
However, the component you pass in there is rendered in a <td> element which has various styles assigned that you cannot customize. Especially the h-40 class is an issue in my case.

I'd like to have a smaller height of the empty table but cannot find a way to achieve this.

Current result:

Goal:

Is it somehow possible to customize the classes on that <td> element? I've tried to put classes on the <TableBody> but without success.

[AnYiEE]

<Table
	classNames={{
		emptyWrapper: 'h-auto',
	}}
>
	<TableBody emptyContent={}></TableBody>
</Table>

[manuel-mauky]

Thanks a lot. This solves it. I haven't had the "slots" thing on my radar but now I think I understand them.