Data table header

[veranika_k]

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? 

[educampver · Accepted solution]

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.