1. Produkte
  2.   Kalkulationstabelle
  3.   JavaScript
  4.   SlickGrid
 
  

Free JavaScript Spreadsheet Component for Speedy Rendering & Processing

Open Source JavaScript Spreadsheet-Komponente erlaubt schnelles Rendern, das Verwalten von Datensätzen, Spaltenautorisierung, Zellenhandling usw.

Eine sehr schnelle, vollständig Open-Source JavaScript-Komponente für Gitter/Spreadsheets ermöglicht es Software-Entwicklern, reiche Gitter mit benutzerdefinierten Bedienelementen und Displays zu erzeugen. Die Komponente unterstützt virtuelles Rendering, das es Benutzern ermöglicht, mit Hunderttausenden von Elementen zu arbeiten, ohne dass die Leistung abnimmt. Das bedeutet, dass SlickGrid in der Lage ist, ein Raster mit 100 Zeilen oder 100 tausend Zeilen zu handhaben, ohne die Leistung zu beeinträchtigen. Früher unterstützte es jQuery I Themes, aber von SlickGrid 3.0.0 hat das Team den gesamten verwandten Code entfernt und durch moderneres ersetzt.

Die SlickGrid-Komponente ist vollständig anpassbar und bietet eine extrem schnelle Rendergeschwindigkeit. Die Komponente enthält mehrere wichtige Funktionen zur Verwaltung von Tabellenkalkulationen, wie Tabellenkalkulation, Hintergrundpost-Rendering für reichere Zellen, Tastaturnavigation, Spaltenresiding, Darstellung von Spalten, Anzeigen/Verbergen. Es ist kompatibel mit datenzentrierten Rahmen und mit Bootstrap.

Previous Next

Getting Start mit SlickGrid

Der empfohlene Weg, SlickGrid zu installieren, ist mit num, Um SlickGrid zu installieren, fügen Sie einfach das folgende Skript-Tag im Browser hinzu.

Installieren SlickGrid über num

npm install slickgrid

Sie können die kompilierte gemeinsame Bibliothek aus dem GitHub-Repository herunterladen und installieren.

Wie kann man Zellen mit JavaScript API verschmelzen?

Zellen innerhalb einer Tabelle zusammenzufassen ist eine sehr nützliche Funktion, die häufig verwendet wird, um Text über mehrere Zeilen oder Spalten zu zentrieren und kann hilfreich sein, um Datenstrings von zwei oder mehr Zellen zu kombinieren. Sein Hauptzweck ist es, die Daten für den Endbenutzer lesbar und lesbar zu machen. Die Open Source SlickGrid JavaScript Komponente erlaubt es Softwareentwicklern, mehrere Zellen, Zeilen oder Spalten innerhalb ihrer JavaScript eigenen Anwendungen zu kombinieren.

Spreadsheet Cells Verkäufe über JavaScript API

function VerCellMergedFormatter(row, cell, value, columnDef, dataContext) {
    var options = window._renderOptions;
    if (options.lastRendering != 1) {
        return;
    }
    var items = window.getRenderDataItmes();
    var fieldName = columnDef.field;
    var rowsLength = items.length;
    var currentItem = items[row];
    var nextRowIndex = row + 1;
    if (nextRowIndex < rowsLength){
        var nextValue = items[nextRowIndex][fieldName];
        if (value == nextValue) {
            if (!options.changedCells[row]) {
                options.changedCells[row] = {};
            }
            options.changedCells[row][fieldName] = "noneline-bottom";
            options.isNextMerged = 1;
            return value;
        }
        else {
            if (options.isNextMerged == 1) {
                options.isNextMerged = 0;
                return;
            }
        }
    }
    return value;
}

Edit Spreadsheet Columns, Ross & Cells via S

Die SlickGrid-Komponente ermöglicht Software-Entwicklern, Tabellenzellen auf verschiedene Arten innerhalb ihrer JavaScript Anwendungen zu behandeln. Die Bibliothek hat einige wichtige Funktionen für die Behandlung von Tabellenzellen, Spalten und Datensätzen bereitgestellt, wie zum Beispiel das Einfügen neuer Zellen, das Bearbeiten bestehender Zellen, das Löschen unerwünschter Zellen. Es hat auch Unterstützung für automatische Größenspalten, Residing, Rendering, Anzeigen und Verstecken von Spalten und Zeilen mit JavaScript Befehlen zur Verfügung gestellt.

Neue Row & Klick hinzufügen, um Zell bearbeiten über JavaScript API

var d =  $scope.$grid.grid.getData();
$scope.$grid.grid.invalidateRow(d.length);
//Adds the new row as the first row.
d.unshift(item);
$scope.$grid.grid.updateRowCount();
$scope.$grid.grid.setData(d);
$scope.selectedRows = [];
$scope.selectedRows = [0];
//Sets the first row and first column as editable by clicking on it
$scope.$grid.grid.setActiveCell($scope.selectedRows,0);
//$scope.$grid.grid.gotoCell(0,0,true);
var grid = $scope.$grid.grid;
var row = $scope.selectedRows[0];
var col = 0;
grid.setActiveCell(row, col);
grid.editActiveCell(Slick.Acsiom.Editors.Text);

Auto Spalte Verzweigung über JavaScript API

Die Open Source SlickGrid Komponente hat eine sehr nützliche Funktion für die Anwendung der automatischen Kolumn-Verkleinerung innerhalb von JavaScript Anwendungen bereitgestellt. Es stellt eine Spalte zur Verfügung, die API erlaubt, intelligente Selektionen über die Breite der Spalten anhand des Zellinhalts des Headers und der Zeilen vorzunehmen. Bitte beachten Sie, dass Daten für die Autorisierung bereitgestellt werden müssen und dass Daten vorhanden sein müssen, um die Größe zu testen, da es sehr schwierig ist, einen automatischen Größenalgorithmus ohne Daten zu benutzen.

 Deutsch