English Deutsch Français Italiano Español Português 繁體中文 Bahasa Indonesia Tiếng Việt ภาษาไทย
All categories
0 ⤊

Complete CSS tooltip for Table Cells?

Hello All,
In my appication, we have tables that contain typically 8 - 12 columns. Number of rows are also high, minimum 150 and maximum of 2500. We have our tables paginated. Each data cell has to have a tooltip describing the column.

So in total 12 * 150 * number_of_bytes_tooltip is the actual amount of data for toltips. I cannot afford this much extra data. I want a clean, pure css implentation for 'td' tooltips.

Things I have tried in the past

1) Set tooltips on the header - Not acceptable by Project Manager
2) JavaScript - Run through each cell in the table and set the title attribute appropriately (Too much overhead in processing and Manager does not like the idea)
3) Hidden Variable approach - Have titles as hidden elements and add event listener for onMouseOver to determine the X and Y position of mouse and compute cell number and retrive the hidden from hidden variable and show tooltip - very complex and did not work well with resize and such.

Please help!

2007-01-25 05:21:03 · 4 answers · asked by rave27 2 in Computers & Internet ➔ Programming & Design

I have read w3 schools top to bottom. Hell I scored 20 out of 20 on CSS test there. And NO ASP is not an option for me here.

2007-01-25 05:29:43 · update #1

4 answers

Unfortunately, there is no way to select a table column in html except by labeling each of its cells. Perhaps you could replace the

constructs with
s arranged in columns. Then you can just assign a title to each column div.

Or - maybe you can keep the table structure and position it *over* the div columns. You just have to set the widths and positions the same way so they stay together.

2007-01-25 05:41:17 · answer #1 · answered by injanier 7 · 0⤊ 0⤋

What approximately utilising a textarea field with a sequence style of rows and columns this might make a scroll bar contained in the cellular of the table reason the field might have a sequence length and could make a scrollbar for the overflow that would not fit the specified length of the textual content textile section and you will possibly be able to upload extra coding for a historic past shade?