Free JavaScript Spreadsheet Component for Speedy Rendering & Processing
Open Source Free JavaScript Componente di foglio elettronico permette rendering veloce, gestire file, autorizzare colonna, manipolazione delle cellule e così via.
Un componente di griglia/spreadsheet completamente aperto molto veloce consente agli sviluppatori di software di generare griglie ricche con controlli e display personalizzati. Il componente supporta il rendering virtuale che consente agli utenti di lavorare con centinaia di migliaia di elementi senza alcuna perdita di prestazioni. Il che significa che SlickGrid è in grado di gestire una griglia con 100 righe o 100 mila file senza compromettere le prestazioni. In precedenza ha usato per supportare jQuery I Temi ma da SlickGrid 3.0.0, il team ha rimosso tutto il relativo codice e lo ha sostituito con più moderno SortableJS.
Il componente SlickGrid è completamente personalizzabile e fornisce velocità di rendering estremamente veloce. Il componente ha incluso diverse caratteristiche importanti per la gestione di fogli di calcolo, come rendering fogli di calcolo, sfondo post-rendering per le celle più ricche, la navigazione della tastiera, colonna residua, rendering colonne, mostrando/inserendo nuove colonne o file È compatibile con quadri incentrati sui dati e con Bootstrap
Iniziare con SlickGrid
Il modo consigliato per installare SlickGrid, è utilizzare num, Per installare SlickGrid, basta aggiungere il seguente tag script nel browser.
Installare SlickGrid via num
npm install slickgrid Puoi scaricare la libreria condivisa compilata dal repository GitHub e installarla.
Come Merge Cells usando JavaScript API?
Le celle di fusione all'interno di un foglio di calcolo è una caratteristica molto utile che spesso utilizzato per centrare il testo in più righe o colonne e può essere utile per combinare le stringhe di dati di due o più celle. Il suo scopo principale è quello di rendere i dati presentabili e leggibili per l'utente finale. Il componente Open source SlickGrid JavaScript consente agli sviluppatori di software di combinare più celle, file o colonne all'interno delle proprie JavaScript applicazioni.
Celle a fogli elettronici Fusione via 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;
}
Modificare le colonne del foglio elettronico, Ross & Cells via S
Il componente SlickGrid consente agli sviluppatori di software di gestire le celle di fogli di calcolo in vari modi all'interno delle loro JavaScript applicazioni. La biblioteca ha fornito diverse caratteristiche importanti per la manipolazione di cellule di fogli di calcolo, colonne e file come, l'inserimento di nuove cellule, la modifica delle celle esistenti, eliminare le celle indesiderate. Ha inoltre fornito supporto per colonne di dimensionamento automatico, residenze, rendering, visualizzazione e nascondere colonne e file utilizzando JavaScript comandi.
Aggiungere Nuova riga & Fare clic su Edit Cell via 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 Colonna Siding via JavaScript API
Il componente open source SlickGrid ha fornito una funzione molto utile per applicare dimensionamento auto-colonna all'interno di JavaScript applicazioni. Fornisce una colonna che autorizza API che consente alla griglia di effettuare selezioni intelligenti sulla larghezza delle sue colonne in base al contenuto cellulare dell'intestazione e delle righe. Si prega di ricordare che i dati devono essere forniti per l'autorizzazione e che ci devono essere dati presenti per testare le dimensioni perché è molto difficile per un algoritmo di dimensionamento automatizzato per funzionare senza alcun dato.
