Ist es möglich, QuickInfos für Tabellenzellen ohne JavaScript zu haben? Kann es nicht benutzen.
javascript
html-table
dublintech
quelle
quelle
Ja. Sie können das
title
Attribut für Zellenelemente mit schlechter Benutzerfreundlichkeit verwenden oder CSS-Tooltips verwenden (mehrere vorhandene Fragen, möglicherweise Duplikate dieser Frage).quelle
Die am höchsten bewertete Antwort von Mudassar Bashir mit dem Attribut "title" scheint der einfachste Weg zu sein, gibt Ihnen jedoch weniger Kontrolle darüber, wie der Kommentar / Tooltip angezeigt wird.
Ich fand heraus, dass die Antwort von Christophe für eine benutzerdefinierte Tooltip-Klasse viel mehr Kontrolle über das Verhalten des Kommentars / Tooltips zu geben scheint. Da die bereitgestellte Demo gemäß der Frage keine Tabelle enthält, ist hier eine Demo, die eine Tabelle enthält .
Beachten Sie, dass der "Position" -Stil für das übergeordnete Element des Bereichs (in diesem Fall a) auf "relativ" gesetzt sein muss, damit der Kommentar den Tabelleninhalt nicht verschiebt, wenn er angezeigt wird. Ich brauchte eine Weile, um das herauszufinden.
quelle
Sie können CSS und die Pseudo-Eigenschaft: hover verwenden. Hier ist eine einfache Demo . Es verwendet das folgende CSS:
Beachten Sie, dass ältere Browser nur eingeschränkte Unterstützung für: Hover bieten.
quelle
Eine Weiterentwicklung dessen, was BioData41 hinzugefügt hat ...
Platzieren Sie das Folgende im CSS-Stil
Verwenden Sie es dann folgendermaßen:
quelle
In Java-Skripten wird der Titel durch Vergleichen des Datenwerts bedingt hinzugefügt. Die Tabelle wird vom Java-Skript dynamisch generiert.
quelle