Konfiguration

Sie können die gewünschten Einstellungen von DHTMLX Spreadsheet an Ihre Bedürfnisse anpassen. Die verfügbaren Konfigurationsoptionen ermöglichen es Ihnen, die Anzahl der Zeilen und Spalten zu begrenzen, das Erscheinungsbild der Symbolleiste zu ändern und die Sichtbarkeit des Menüs sowie der Bearbeitungsleiste zu steuern. Bei Bedarf können Sie das Spreadsheet auch im schreibgeschützten Modus initialisieren.

Symbolleiste

Die Symbolleiste des Spreadsheets besteht aus mehreren Blöcken von Steuerelementen, die nach Ihren Bedürfnissen angepasst werden können. Standardmäßig enthält die Symbolleiste folgende Steuerelementblöcke: "undo", "colors", "font", "decoration", "align", "cell", "format", "actions". Sie können weitere Blöcke aus der Liste hinzufügen: "lock", "clear", "rows", "columns", "file", "help".

Die Struktur der Symbolleiste kann über die Konfigurationsoption toolbarBlocks der Komponente angepasst werden, die ein Array mit Zeichenketten enthält, welche die Namen der Steuerelemente darstellen.

Sie können auch eine eigene Struktur der Symbolleiste festlegen, indem Sie die benötigten Elemente im Array toolbarBlocks in der gewünschten Reihenfolge aufführen, zum Beispiel: "colors", "align", "cell", "decoration", "lock", "clear".

const spreadsheet = new dhx.Spreadsheet("spreadsheet_container", {
    toolbarBlocks: ["colors", "align", "cell", "decoration", "lock", "clear"]
});

Die Symbolleiste ist umfangreich anpassbar. Sie können neue Steuerelemente hinzufügen, die Symbole der Steuerelemente ändern und das gewünschte Icon-Paket anwenden.

Bearbeitungsleiste

Da die Struktur des Spreadsheets flexibel ist, können Sie die Bearbeitungsleiste ein- oder ausblenden, um das gewünschte Erscheinungsbild der Komponente zu erzielen. Verwenden Sie die Konfigurationsoption editLine, um die Bearbeitungsleiste aus- oder einzublenden.

Anzahl der Zeilen und Spalten

Bei der Initialisierung startet das Spreadsheet mit einem Raster von 26 Spalten und 1000 Zeilen. Wenn dieses Limit erschöpft ist, werden zusätzliche Zeilen und Spalten automatisch gerendert, sodass Sie diese nicht manuell hinzufügen müssen. Sie können jedoch die genaue Anzahl der Zeilen und Spalten im Raster festlegen, wenn Sie diese begrenzen möchten. Verwenden Sie dazu die Optionen colsCount und rowsCount.

Menü

Das Menü des Spreadsheets ist standardmäßig ausgeblendet. Sie können es über die entsprechende Konfigurationsoption menu ein- oder ausblenden:

Schreibgeschützter Modus

Sie können auch den schreibgeschützten Modus aktivieren, um die Bearbeitung von Spreadsheet-Zellen über die Konfigurationsoption readonly zu verhindern.

Sie können auch das schreibgeschützte Verhalten des Spreadsheets anpassen.

Benutzerdefinierte Zahlenformate für Zellen

Sie können 7 Standardformate auf Zellwerte anwenden: "Common", "Number", "Percent", "Currency", "Date", "Time", "Text".

Sie können die Konfiguration der Standardformate neu definieren oder Ihr eigenes Zahlenformat über die Konfigurationsoption formats festlegen. Weitere Details finden Sie im Artikel Zahlenformatierung.

Pfad zu Export-/Import-Modulen

DHTMLX Spreadsheet kann Daten im Excel-Format importieren und exportieren. Die Komponente verwendet WebAssembly-basierte Bibliotheken: Excel2Json und JSON2Excel zum Import und Export von Daten.

Nach der Installation der erforderlichen Bibliothek müssen Sie den Pfad zur Datei worker.js (lokal oder über CDN) über die entsprechende Konfigurationsoption angeben: importModulePath oder exportModulePath.

Alle Details finden Sie im Artikel Datenladen und Export.