Add buttons in Table component header

Hi team,

Is it possible to add a button/buttons in the table header?

As we have Row# Order etc.

I typically use flex containers, so in this case, you add the position key under the button's style and set it as absolute. Then you can add height, width, left, right, top, and bottom keys to position it.

Depending on your container nesting, many times you need to add position:relative to the parent container so the button is positioned according to the parent and not root.

The other option is using an xy coordinate container.

1 Like

What would these buttons do ?
You can put the table in a coordinate container and place a button on top of it, but it will be entirely unrelated to the table. You'll have to handle their behavior yourself.

Resizing wouldn’t work in this case as the buttons would get bigger/smaller but the table header height would remain the same. Best to use the flex position absolute for this case as @dkhayes117 mentioned