Frank wrote:
> I could use your help. I need to add tooltips to each column of an
> HTML table, for the entire column of cells. I want to add a single
> element to the table, and have that one element represent the tooltip
> for all the cells in the column.
>
> I'm doing the brute-force method right now of adding a tooltip to every
> <td> in the table. The problem there is that the HTML is ballooning in
> size as a result (see an example below).
>
> Any ideas, examples or help on this?
>
> <tbody>
> <tr>
> <td class="bluedata" title="Column 1 ToolTip"> Row 1</td>
> <td class="yellowdata" title="Column 2 ToolTip"> Row 1</td>
> <td class="bluedata" title="Column 3 ToolTip"> Row 1</td>
> </tr>
> <tr>
> <td class="bluedata" title="Column 1 ToolTip"> Row 2</td>
> <td class="yellowdata" title="Column 2 ToolTip"> Row 2</td>
> <td class="bluedata" title="Column 3 ToolTip"> Row 2</td>
> </tr>
> .......
> <tr>
> <td class="bluedata" title="Column 1 ToolTip"> Row 140</td>
> <td class="yellowdata" title="Column 2 ToolTip"> Row
> 140</td>
> <td class="bluedata" title="Column 3 ToolTip"> Row 140</td>
> </tr>
>
> Thanks,
> Frank
Well one idea would be to use nested tables, having a 3 column one
contain a one column table in each of its 3 columns:"column1" table
date in first TD, "column2" table date in second TD, etc, with the
appropriate tooltip on the main table's 3 TDs.
But... why are you concerned about "ballooning HTML"? I wouldn't worry
about that, unless it was somehow interferring with performance which
is unlikely in this scenario.
Hope that helps,
Blue Apricot 416
|
