Desktop Components ShowcaseMobile Components Showcase
ace:tooltip - Delegate

The <ace:tooltip> component supports delegate events, which allow developers to only apply one tooltip component to an entire table or iterative container, rather than applying one tooltip component per row. This increases performance on the page substantially. As you can see in this demo, the <ace:tooltip> component is defined outside the table. You can hover over the names of the cars to see specific data for that car, in the tooltip. The contents of the tooltip are updated dynamically just before displaying it, using row-specific data.

ID
Name
Cost
1Enduro$6,617.17
2Tamale$31,464.24
3Doublecharge$10,922.73
4Swordfish$6,019.83
5Iguana$19,736.16
6Dart$37,947.84
7Pisces$19,235.20
8Flash$29,942.38
9Tomcat$14,342.74
10Passion$8,015.01
11Superflash$31,941.10
12Husky$9,303.69
13Gazelle$9,285.57
14Supraflash$36,154.13
15Endino$31,221.48
false null [0, 1, 2]
Source Code