Data table header

veranika_k — Mon, 25 Mar 2024 12:42:51 GMT

Hi!
Is it possible in case the heading in the table row is too long and not visible to add some kind of tooltip functionality, so the whole heading will be visible by hovering over it?

Re: Data table header

educampver — Wed, 27 Mar 2024 09:45:58 GMT

Hi @veranika_k, there's no such functionality out of the box. The solution might be to have a custom header, which you can define in a custom column definition, something like this:

const App = () => { const columns: TableColumn[] = [{ header: <MyLongHeaderComponent />, ... }]; return <DataTable data={data} columns={columns}></DataTable>; };

The drawback of this solution is that you'd lose all the functionalities and styles of the default header, you'd have to handle that yourself. I'll communicate your needs to the team.

topic Data table header in Developer Q&A Forum

Data table header

Re: Data table header