2016-11-29 1 views
0

Jungs Ich habe gesucht, aber ich bin nur nach einem einfachen, Geschlossenes Design für eine HTML5/CSS3/JQuery Datentabelle, die folgenden Eigenschaften aufweist:HTML5/CSS3 Scrollbare Daten Tabelle

1) Sitzt innen Ein absoluter DIV, bei dem die Attribute "top", "right", "left" und "bottom" gesetzt sind, muss so skaliert werden, dass er zum übergeordneten Element passt.

2) Hat horizontal skalierbare Spaltenüberschriften.

3) Hat einen horizontalen Bildlauf, der die Spaltenüberschriften und die Datentabelle scrollt.

4) Hat einen vertikalen Bildlauf, der nur die Datentabelle scrollt.

Ich würde es vorziehen, keine anderen Frameworks als JQuery zu verwenden, aber wenn Sie denken, dass es einfacher ist, dann werde ich es versuchen.

Danke Jungs.

+0

Ich bin mir nicht sicher, was du meinst. Ich suche nach Vorschlägen, wie ich eine Datentabelle mit den oben genannten Eigenschaften mache. Sollte ich einen Versuch mitspielen? – Integratron

+0

Ja, Sie müssen einen Versuch zeigen. Bitte lesen Sie die [Hilfe] (http://stackoverflow.com/help) Seiten, anstatt snarky Kommentare an Einzelpersonen gerichtet zu hinterlassen. – isherwood

+0

Ich denke, Sie müssen die Hilfe lesen, wie es scheint, dass Sie nie haben. Erste Zeile: "Stack Overflow ist für professionelle und enthusiastische Programmierer". Das bedeutet, dass Freiberufler das auch benutzen. Zweite Zeile: "Wir fühlen die besten Stack Overflow-Fragen haben ein bisschen Quellcode in ihnen" Bedeutung Code ist nicht wichtig. Wieder mein snarky Kommentar, den Sie gelöscht immer noch stehen: @ Codenoirs Antwort ist erheblich hilfreicher als deins. – Integratron

Antwort

1

Zuerst - erhalten Sie ein Missverständnis aus Ihrem Kopf. "Datentabelle" und "einfach" schließen sich gegenseitig aus.

Zweite - jQuery ist eine Bibliothek, aber kein UI-Framework.

Drittens - ich hatte viel Erfolg mit Kendo UI. Der Javascript-Kern ist Open-Source. Das Grid-Steuerelement unterstützt möglicherweise die absolute Positionierung, aber die Skalierung kann eine Dehnung sein (wenn Sie möchten, dass sie nach dem ersten Mal selbst aktualisiert wird). Sie müssen über ausreichend Javascript verfügen, damit es funktioniert, oder verschwenden Sie keine Zeit.

Grid demo

Core download

ich für Telerik nicht funktionieren. YMMV.