# Data Table Tooltips

**URL:** <https://community.plotly.com/t/data-table-tooltips/82523>\
**Category:** Dash Python\
**Created:** [February 22, 2024, 9:41pm UTC](https://community.plotly.com/t/data-table-tooltips/82523 "2024-02-22T21:41:39Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ttucker34](https://avatars.discourse-cdn.com/v4/letter/t/c68b51/32.png) [@ttucker34](https://community.plotly.com/u/ttucker34)\
**Post date:** [February 22, 2024, 9:41pm UTC](https://community.plotly.com/t/data-table-tooltips/82523/1 "2024-02-22T21:41:39Z")

</div>

Hello,

I am working on trying to implement tooltips for my DataTable and I found out how to link tooltips to the headers, but I want it to be if I hover over a specific cell in a column then the tooltip displays data from another column. How do I do this?

app.layout = dash\_table.DataTable(  
data=df.to\_dict(‘records’),  
columns=[{‘id’: c, ‘name’: c} for c in df.columns],

```
tooltip_header={i: i for i in df.columns},

# Style headers with a dotted underline to indicate a tooltip
style_header={
    'textDecoration': 'underline',
    'textDecorationStyle': 'dotted',
},

```

---

<div class="post-metadata">

**Author:** ![AnnMarieW](https://avatars.discourse-cdn.com/v4/letter/a/ec9cab/32.png) [@AnnMarieW](https://community.plotly.com/u/AnnMarieW)\
**Post date:** [February 22, 2024, 10:05pm UTC](https://community.plotly.com/t/data-table-tooltips/82523/2 "2024-02-22T22:05:23Z")

</div>

Hi @ttucker34 and welcome to the Dash community 🙂

I recommend using [Dash AG Grid](https://dash.plotly.com/dash-ag-grid) instead of DataTable. Here’s a tutorial showing some of the amazing things you can do with Tooltips in the grid (including examples showing data from other columns in the tooltip):

> **[Dash AG Grid Examples: Tooltips](https://dashaggridexamples.pythonanywhere.com/tooltips)**
>
> Tutorials, tips & tricks and additional examples to supplement the Dash AG Grid documentation.

---

<div class="post-metadata">

**Author:** ![ttucker34](https://avatars.discourse-cdn.com/v4/letter/t/c68b51/32.png) [@ttucker34](https://community.plotly.com/u/ttucker34)\
**Post date:** [February 23, 2024, 3:38pm UTC](https://community.plotly.com/t/data-table-tooltips/82523/3 "2024-02-23T15:38:49Z")

</div>

Hi @AnnMarieW just looked into those and love the functionality! Definitely made it easier to accomplish what I wanted!
