<div>
A CSS hover rule can easily give you what you need but the structure of the page dictates how the rule declaration needs to be written. &nbsp;if you post a link or your markup we should be able to put it together.<br />
<br />
Cd&amp;
</div>


A CSS hover rule can easily give you what you need but the structure of the page dictates how the rule declaration needs to be written.  if you post a link or your markup we should be able to put it together.

Cd&

<div>
I would also have a rethink and consider: <a href="http://www.jtable.org/" rel="ugc">http://www.jtable.org/</a>&nbsp;that would allow you to have child tables / rows within your main table. &nbsp;On the demo, click the Phone icon at the far left of any row to see the child table.
</div>


I would also have a rethink and consider: http://www.jtable.org/ [http://www.jtable.org/] that would allow you to have child tables / rows within your main table.  On the demo, click the Phone icon at the far left of any row to see the child table.

<div>
<div class="content wysiwyg-content">
Hi:<br />
<br />
I have a table in HTML 5 that has way too many columns to display cleanly.<br />
I'd like to be able to show a popup/tooltip that would show the row details as my mouse hovers it.<br />
<br />
I've seen references to tooltip and qtip.<br />
<br />
I'd like to be able to create tooltip/popup that is &quot;multi-row&quot; - 'multi-column.&quot;<br />
I'd like to be able have this popup be styled (color, font, layout).<br />
<br />
What is the best way to do this?<br />
<br />
Can you point me out to a working example?<br />
<br />
Thanks,<br />
JohnB
</div>
</div>


Hi:

I have a table in HTML 5 that has way too many columns to display cleanly.
I'd like to be able to show a popup/tooltip that would show the row details as my mouse hovers it.

I've seen references to tooltip and qtip.

I'd like to be able to create tooltip/popup that is "multi-row" - 'multi-column."
I'd like to be able have this popup be styled (color, font, layout).

What is the best way to do this?

Can you point me out to a working example?

Thanks,
JohnB

How do display a styled popup/tooltip on mousehover ofr a table's rows in HTML5/JQUERY?

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.