Database Viewer für mobile Geräte 
Author: Bernhard S.
Visited 316,
Followers 1,
Shared 0
Liebe Supporter,
ich verwende eine SQL Datenbank zur Erfassung von gefahrenen Kilometern im Fahrradverein. Zur Anzeige wird der Database Viewer benutzt. Leider finde ich keine Einstellung um die Anzeige auf mobilen Geräten so einzustellen um alle Daten auf einen Blick erfassen zu können. Man muss ständig hin und her schieben. Vergrößern geht aber verkleinern nicht. Es wäre auch sehr hilfreich wenn die Spaltenüberschrift fixiert werden könnte. Der Link zu meinem Problem Startseite - Radfahrerklub
Kann man diese beschrieben Probleme lösen? Wenn ja wie?
Mit freundlichen Grüßen Bernhard Schütz
Posted on the
SElbst wenn man es per individuellen Code auf dynamisch stellen würde, geht sich die Ansicht einer Reihe sicherlich nicht aus. Zuviele Spalten einfach! Dann würde der Text der 1. Zeile auch nicht mehr sichtbar sein.
Author
Das nach unten scrollen ist ja ok, nur die Tabelle sollte man komplett Zeilenweise komplett sehen.
Author
Es wäre ja schon hilfreich wenn man die Spaltenbreiten ändern könnte.
(It > de) ... Ich kann Ihnen nur sagen, dass ich eine alte Erfindung gemacht habe, die mittlerweile allgemein bekannt und für jeden zugänglich ist: Mit einem einfachen zusätzlichen CSS-Code lassen sich Tabellen horizontal elastisch gestalten.
Wenn Sie Interesse haben und meinen zusätzlichen Code ausprobieren möchten, lassen Sie es mich wissen.
+ (... Mit etwas mehr Code können Sie die Tabelle auch vertikal scrollen lassen, wobei die Kopfzeile fixiert und immer sichtbar bleibt.)...
.
ciao
.
Author
Hallo KolAsim, ja an diesem Code bin ich sehr interresiert.
Viele Grüße und schon einmal vielen lieben Dank.
ciao, ... Vorsicht... Sie haben den EXTRA-Code im falschen Abschnitt eingegeben...
...dieser <link rel>-Code muss an der dritten Position eingefügt werden: Vor dem schließenden /HEAD-Tag
.
ciao
.
... OK ... Der Code wird ab dem 720px-Haltepunkt (brekpoint) ausgeführt:
<style> /*K*/
@media (max-width: 720px) {
.jtable-main-container table { word-break: break-all; }
.jtable-main-container td:nth-child(1){width:20% !important;}
.jtable-main-container td:nth-child(9){width:20% !important;} }
/*K*/</style>
... Fügen Sie den Code in Schritt_3 | Seiteneigenschaften | Experte | Code | vor dem schließenden /HEAD-Tag ein.
.
ciao
.
...wenn Sie meine andere Erfindung mit festem Header ausprobieren möchten, lassen Sie es mich wissen:
.
ciao
.
Author
Hallo KolAsim , es funktioniert super. Die andere Erfindung mit dem festen Header würde ich gerne auch noch einbauen.
Vielen lieben Dank Bernhard
... OK ... einschließlich des vorherigen elastischen Codes:
<style> /*K*/
@media (max-width: 720px) {
.jtable-main-container table { word-break: break-all; }
.jtable-main-container td:nth-child(1){width:20% !important;}
.jtable-main-container { max-height: 400px !important; overflow-y: auto;}
.jtable-main-container thead { position: sticky; top: 0;}}
/*K*/</style>
.
ciao
.
...!... Vorsicht...!...
... Ich sehe immer noch den Fehler, den ich vorhin gemeldet habe...
... Verschiebe diesen Code in den HEAD...
Tschüss, ciao
.
Author
Wahrscheinlich verstehe ich es nicht
so steht es jetzt drin
wo soll ich es hin schieben? Danke für Deine Hilfe.
... der Fehler besteht weiterhin...
... und dann haben Sie meinen Code und <link rel> doppelt eingegeben.
...mein Code, obwohl du ihn zweimal eingegeben hast, sowohl den vorherigen als auch den neuen, scheint zu funktionieren...
Hallo, ciao
.
Author
Wo soll ich den gestrichen Code bei Website X5 denn eingeben? Vor dem HEAD oder nach dem HEAD? Eine andere Möglichkeit habe ich doch nicht, oder?
Danke für Deine Hilfe.
Ich habe es überprüft, alles in Ordnung, es gibt keine Fehler mehr...
... Sie können den <link rel>-Code in Schritt 1 einfügen, um ihn auf allen Seiten zu aktivieren, also hier:
>> Schritt_1 - Einstellungen > Statistiken und Code > Funktionen im Bereich Code >
▪Benutzerdefinierter Code: > Vor dem </HEAD> Tag
.
ciao
.