1. Produtos
  2.   Planilha
  3.   JavaScript
  4.   SlickGrid
 
  

Componente de folha de livre JavaScript para renderização e de

Open Source Free JavaScript O componente da planilha permite renderização rápida, gerenciar, de, manipulação de células e assim por diante.

Um componente de grelha/spreadsheet de fonte totalmente aberto permite que os desenvolvedores de software gerem redes ricas com controles e monitores personalizados. O componente renderização virtual que capacita os usuários a com centenas de milhares de itens sem qualquer queda no desempenho. O que significa que SlickGrid é de com 100 ou 100 mil sem comprometer o desempenho. ele costumava apoiar jQuery I Themes, mas de SlickGrid 3.0.0, a equipe removeu todo o código relacionado e substituiu-o com mais SortableJS.

O componente SlickGrid é totalmente personalizável e oferece velocidade de renderização extremamente rápida. O componente incluiu vários recursos importantes para a gestão de planilhas, como a renderização de planilhas, pós-renderização de fundo para as células mais ricas, de, de /h. É com frameworks centrados em dados e com Bootstrap

Previous Next

Começando com SlickGrid

A maneira recomendada para instalar SlickGrid, está usando num, Para instalar SlickGrid, basta a seguinte tag de script no navegador.

Instalar SlickGrid através de numeração

npm install slickgrid

Você pode baixar a biblioteca compartilhada compilada do repositório GitHub e instalá-la.

Como Merge Cells usando JavaScript API?

As células de dentro de uma planilha é uma muito que muitas vezes para o texto em várias ou e pode ser para as de dados de duas ou mais células. Seu principal objetivo é fazer os dados apresentáveis e legíveis para o final. O componente Open source SlickGrid JavaScript permite que os desenvolvedores de software combinem várias células, ou dentro de suas JavaScript aplicações.

Células de planilha Mergulhando atravé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;
}

Editar Colunas de planilha, Ross & Cells via S

O componente SlickGrid permite que os desenvolvedores de software lidem com as células de planilha de várias dentro de suas JavaScript aplicações. A biblioteca forneceu vários recursos importantes para a manipulação de células de planilha, e como, inserindo novas células, editando células, excluindo células jadas. Ele também forneceu suporte para de dimensionamento, residindo, renderizando, exibindo e fornecendo e usando JavaScript comandos.

Adicionar nova linha e clique para editar célula através 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 Coluna Siding via JavaScript API

O componente open source SlickGrid forneceu uma muito para o dimensionamento de auto-coluna dentro de JavaScript aplicações. Fornece uma que autoriza API que a grade para fazer seleções inteligentes sobre a de suas baseadas no conteúdo celular do cabeçalho e. Por favor, -se que os dados devem ser para autorizar e que devem haver dados presentes para testar o porque é muito difícil para um algoritmo de dimensionamento automatizado para funcionar sem dados.

 Português