# How do I bind an \`onMouseOver\` event to a generated table column header?

**URL:** <https://forum.inductiveautomation.com/t/how-do-i-bind-an-onmouseover-event-to-a-generated-table-column-header/84737>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [January 24, 2024, 9:24pm UTC](https://forum.inductiveautomation.com/t/how-do-i-bind-an-onmouseover-event-to-a-generated-table-column-header/84737 "2024-01-24T21:24:22Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ian.sebryk](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ian.sebryk/32/49319_2.png) [@ian.sebryk](https://forum.inductiveautomation.com/u/ian.sebryk)\
**Post date:** [January 24, 2024, 9:24pm UTC](https://forum.inductiveautomation.com/t/how-do-i-bind-an-onmouseover-event-to-a-generated-table-column-header/84737/1 "2024-01-24T21:24:22Z")

</div>

i have a series of columns that determine permission flags for a generated list of assets. boss wants tooltips for the column headers to explain what each of the permissions mean in the context of the project. i see from the right-click menu that i can add an `onChange` event, but that's not what i'm after. just want a little popup after a mouseover.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [January 24, 2024, 10:06pm UTC](https://forum.inductiveautomation.com/t/how-do-i-bind-an-onmouseover-event-to-a-generated-table-column-header/84737/2 "2024-01-24T22:06:48Z")

</div>

The Perspective Table doesn't provide such granular tooltips. Is this Table in a Coordinate Container (fixed)? If so, there's a hacky workaround you could implement. If not, I'm afraid there's no way I can think of to provide a tooltip-per-column-header.

---

<div class="post-metadata">

**Author:** ![ian.sebryk](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ian.sebryk/32/49319_2.png) [@ian.sebryk](https://forum.inductiveautomation.com/u/ian.sebryk)\
**Post date:** [January 24, 2024, 10:08pm UTC](https://forum.inductiveautomation.com/t/how-do-i-bind-an-onmouseover-event-to-a-generated-table-column-header/84737/3 "2024-01-24T22:08:03Z")

</div>

currently, no. but if depending on the impact, it sure as heck CAN be... 🙂 what's the hack?

and FWIW, i know i can do this via CSS _in general_, i just don't know how i'd target the column headers by element class or ID... 😛

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [January 24, 2024, 10:11pm UTC](https://forum.inductiveautomation.com/t/how-do-i-bind-an-onmouseover-event-to-a-generated-table-column-header/84737/4 "2024-01-24T22:11:28Z")

</div>

If you're using the Table within a fixed-mode Coordinate Container, you can easily position an empty container over any of the column headers and apply a tooltip to the empty container.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [January 24, 2024, 10:14pm UTC](https://forum.inductiveautomation.com/t/how-do-i-bind-an-onmouseover-event-to-a-generated-table-column-header/84737/5 "2024-01-24T22:14:28Z")

</div>

Coordinate Container overlayed on top of the Table column:

 ![Screenshot 2024-01-24 at 2.13.18 PM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/6/c64cadfb4aca3532130c342c12ca7e0e904cb88e.png)

Preview mode, hovering over "city":

![Screenshot 2024-01-24 at 2.13.30 PM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/d/5d5fe7b785b086ffc50043708e8ea0b2e9b78e90.png)

`meta.tooltip` config for `CoordinateContainer`

```auto
{
  "enabled": true,
  "width": "auto",
  "text": "Custom tooltip!",
  "style": {
    "classes": ""
  },
  "delay": 500,
  "sustain": 10000,
  "location": "top-right",
  "tail": true
}

```

---

<div class="post-metadata">

**Author:** ![ian.sebryk](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ian.sebryk/32/49319_2.png) [@ian.sebryk](https://forum.inductiveautomation.com/u/ian.sebryk)\
**Post date:** [January 24, 2024, 10:23pm UTC](https://forum.inductiveautomation.com/t/how-do-i-bind-an-onmouseover-event-to-a-generated-table-column-header/84737/6 "2024-01-24T22:23:38Z")

</div>

given that i know the _width_ of the generated table, can't i just do that same for the generated table? it would take a small amount of fiddling, but seems to me, this could be doable... imma go play. 😃