Dynamische Tabelle Vertikale und horizontale Scrollen sticky-Header und feste Spalte

Question

ich eine Lösung zu entwickeln, die Tabelle zeigt, wie Daten an den Nutzer und die Anforderungen sind wie folgt:

Horizontales Scrollen innerhalb festgelegter Dimensionen. Wenn Sie horizontal blättern, muss die erste Spalte klebrig sein und dem Benutzer beim Blättern folgen.

Vertikales Scrollen mit einem klebrigen Header, wenn der Benutzer nach oben oder unten scrollt, können sie immer die Kopfzeile sehen.

Gefunden eine Lösung hier: http://www.fixedheadertable.com/ was tut, was ich will, aber nach der Umsetzung mit meiner Website ändert die Tabelle Breite basierend auf den Fenstermaßen. Das ist nicht ideal.

Ich habe mehrere Fragen zu diesem Thema ohne abschließende Antworten gepostet.

In erster Linie fragen, ob jemand irgendwelche Plugins weiß oder etwas ähnliches getan, um mich in die richtige Richtung zu zeigen.

Answer 1

Try SlickGrid:

SlickGrid ist ein fortschrittliches Gitter JavaScript. Einige Highlights:

• Adaptive virtuelles Scrolling (Hunderttausende von Zeilen mit extremen Reaktions Griff)

• Spalte Resize/Neuordnungs/show/verstecken

Answer 2

für jede genaue Breite Nehmen Säule. Ich hoffe, dass die sticky Header und Tabelleninhalte in separaten Tabellen sind. Daher müssen Sie die Breite für den Header sowie den Tabelleninhalt separat angeben. Zum Beispiel sollte die erste <td> von Sticky-Header und erste <td> von Tabellendaten gleiche Breite haben. Wende die Breite für alle Spalten an.

Answer 3

Hier fand ich die Lösung/genaue Funktionalität, die ich suchte for.

http://codepen.io/ourmaninamsterdam/full/jyBGz/