Extend header with button(s)

[KoalaBear84]

I would like to 'integrate' two simple buttons inside the table header so they don't take extra vertical space in the page.

In a way related to #321

Example:

Any official options?

My unofficial one (do NOT use):

document.querySelector('.datatable-search').insertAdjacentHTML('afterend',
	`<div class="float-end">
		<div class="m-1 me-2">
			<button type="button" class="btn btn-sm btn-outline-primary">Button 1</button>
			<button type="button" class="btn btn-sm btn-outline-primary">Button 2</button>
		</div>
	</div>`
);

[johanneswilm]

Hey, yes this should be easily achievable by specifying a custom template.

Please don't do what you did "unofficially" there as it is likely to break sdt.

[KoalaBear84]

Thanks a lot!

Absolutely, that's why I was looking for an official way. My search for things related to "header" was too specific :)

And was a little confused at first about the template part because of the confusing formatting 😅 But it all made sense after. And found out Visual Studio Code does somewhat the same.