Gratis JavaScript Hoja de cálculo Componente para la transmisión rápida Procesamiento
Open Source Free JavaScript Spreadsheet componente permite la rápida reproducción, gestión de filas, autorización de la columna, manipulación de células y así sucesivamente.
Un componente de hoja de ruta JavaScript de fuente totalmente abierta y rápida permite a los desarrolladores de software generar redes ricas con controles y pantallas personalizados. El componente soporta la renderización virtual que permite a los usuarios trabajar con cientos de miles de artículos sin ninguna caída en el rendimiento. Lo que significa que SlickGrid es capaz de manejar una red con 100 filas o 100 mil filas sin comprometer el rendimiento. Anteriormente se utiliza para apoyar jQuery I Themes pero a partir de SlickGrid 3.0.0, el equipo ha quitado todo el código relacionado y lo ha reemplazado con más moderno SortableJS.
El componente SlickGrid es completamente personalizable y proporciona una velocidad de renderización extremadamente rápida. El componente ha incluido varias características importantes para la gestión de hojas de cálculo, tales como hojas de cálculo, post-racción de fondo para células ricas, navegación de teclado, columna residente, pilares de renderización, columnas Es compatible con marcos centrados en datos y con Bootstrap
Comenzando con SlickGrid
La forma recomendada de instalar SlickGrid, está usando num, Para instalar SlickGrid, simplemente añadir el siguiente script tag en el navegador.
Instalar SlickGrid vía numérica
npm install slickgrid Puede descargar la biblioteca compartida compilada del repositorio de GitHub e instalarla.
¿Cómo Merge Cells usando JavaScript API?
Las células de fusión dentro de una hoja de cálculo es una característica muy útil que a menudo se utiliza para centrar el texto en varias filas o columnas y puede ser útil para combinar las cuerdas de datos de dos o más células. Su principal objetivo es hacer que los datos sean presentables y legibles para el usuario final. La fuente abierta SlickGrid JavaScript componentes permite a los desarrolladores de software combinar múltiples células, filas o columnas dentro de sus propias JavaScript aplicaciones.
Hoja de cálculo de células fusión a través de 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 Columnas, Ross Cells a través de S
El componente SlickGrid permite a los desarrolladores de software manejar células de hoja de cálculo de diversas maneras dentro de sus JavaScript aplicaciones. La biblioteca ha proporcionado varias características importantes para manipular células de hoja de cálculo, columnas y filas como, insertar nuevas células, editar células existentes, eliminar las células no deseadas. También ha proporcionado soporte para columnas de tamaño automático, residiendo, renderizando, exhibiendo, y ocultando columnas y filas utilizando JavaScript comandos.
Añadir Nuevo Row Haga clic en Editar Cell a través de 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);
Columna de autos de enlace JavaScript API
El componente SlickGrid de la fuente abierta ha proporcionado una característica muy útil para aplicar el tamaño de la auto-columna dentro de JavaScript aplicaciones. Proporciona una columna que autoriza API que permite que la red haga selecciones inteligentes sobre la anchura de sus columnas basadas en el contenido celular del encabezado y las filas. Por favor, recuerde que los datos deben ser proporcionados para autorizar y que debe haber datos presentes para probar el tamaño porque es muy difícil para un algoritmo automatizado para trabajar sin ningún dato.
