I have my Aura (yes, I know it's not as cool as LWC) component displaying a datatable. It works great, but I want to have the full text of the field show when I hover over a cell. I can do this in Visualforce using Lightning Design System
<th class="" scope="col"> <div class="slds-truncate" title="Amount">Amount</div> </th>
and setting the title to whatever I want.
How do I do this with my lightning datatable?
I'm not sharing my code because I'm using the code in the documentation at https://developer.salesforce.com/docs/component-library/bundle/lightning:datatable/documentation and in https://github.com/AliakseiSasnouski/RelatedList/blob/master/aura/RelatedList/RelatedListController.js and I want my text column to show the full value when I hover over it.