Sperren der ersten Zeile und Spalte einer scrollbaren Tabelle

Im Bereich dynamischer Tabellen die Möglichkeit, sowohl horizontal als auch vertikal zu scrollen und dabei die erste Zeile und Spalte beizubehalten behoben ist eine sehr gefragte Funktion. Dies allein mit CSS zu erreichen ist nicht machbar, aber JavaScript kann eine Lösung bieten.

Meetselva hat ein bemerkenswertes Plugin entwickelt, das Entwicklern die einfache Implementierung dieser Funktionalität ermöglicht. Das Plugin funktioniert, indem es eine gut strukturierte HTML-Tabelle nahtlos in eine scrollbare Tabelle umwandelt, wobei sowohl der Tabellenkopf als auch die Spalten an ihrem Platz bleiben.

Die Verwendung des Plugins ist unkompliziert, wie unten dargestellt:

$('#myTable').fxdHdrCol({
    fixedCols: 3,       /* 3 fixed columns */
    width: "100%",  /* set the width of the container (fixed or percentage)*/
    height: 500      /* set the height of the container */
});

Um die Fähigkeiten des Plugins in Aktion zu erleben, besuchen Sie die bereitgestellte Demo und Dokumentation.