Wie man HTML-Tabellen "Excel-like" für mehrere Zellen editierbar macht, d. h. simultane Copy-Paste-Funktionen?

9

Ich muss meine HTML-Tabelle bearbeiten können, damit vom Benutzer eingefügte Daten an den Server gesendet werden können. Aufgrund der Größe der Tabelle (50 Zeilen) ist es für Benutzer jedoch nicht bequem, Datenpunkte einzeln einzufügen, wenn ich das contenteditable Attribut wie folgt einfüge:

%Vor%

Wie kann ich meinen Tisch so bearbeiten lassen, dass er ähnlich wie in der Excel-Tabelle bearbeitet werden kann, wenn möglich, ohne Dojo usw. zu verwenden? Ich habe dies in Java mit ExcelAdapter Klasse getan. Kann ich es irgendwie in HTML machen?

    
CHEBURASHKA 30.04.2013, 05:12
quelle

2 Antworten

12

Sie können dem Ereignis input jeder Zelle einen Listener hinzufügen, und wenn die Zelle mehrere Datenelemente enthält, werden sie über die nächsten Zellen aufgeteilt.

%Vor%

Demo: Ссылка

    
tom 30.04.2013, 09:12
quelle
2

Sie können dies leicht erreichen, indem Sie handsontable

hinzufügen

Ändern Sie ein beliebiges div in eine Excel-Tabelle

%Vor%

jsFiddle: Ссылка

    
Arun pandian M 19.07.2017 07:32
quelle