Heim >Web-Frontend >CSS-Tutorial >Wie erstelle ich eine scrollbare Tabelle mit gesperrter erster Zeile und Spalte in JavaScript?
Bei dieser Abfrage möchte der Benutzer eine Tabelle erstellen, bei der die erste Zeile und die erste Spalte gesperrt sind, ähnlich wie bei die Funktion „Fenster einfrieren“ in Excel. Die Tabelle sollte sowohl horizontales als auch vertikales Scrollen ermöglichen.
Um dies zu erreichen, reicht CSS allein möglicherweise nicht aus, was zur Erforschung von JavaScript-Lösungen führt. Eine empfohlene Lösung ist ein JavaScript-Plugin namens „fixed-table-rows-cols“.
Dieses Plugin wandelt eine formatierte HTML-Tabelle in eine scrollbare Tabelle mit um ein fester Tabellenkopf und feste Spalten. Es ermöglicht das Sperren der ersten Zeile und Spalten.
Verwendung:
$('#myTable').fxdHdrCol({ fixedCols : 3, // Number of fixed columns width : "100%", // Width of the container height : 500 // Height of the container });
Vorteile:
Weitere Informationen und eine Live-Demo finden Sie auf dem GitHub des Plugins Repository: https://github.com/meetselva/fixed-table-rows-cols
Das obige ist der detaillierte Inhalt vonWie erstelle ich eine scrollbare Tabelle mit gesperrter erster Zeile und Spalte in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!