2.1.0 • Published 5 years ago
xgridv2 v2.1.0
xGrid v2.0
Instalação
Clone o repositório em um diretório local.
git clone git@github.com:dffrancisco/xGridV2.git
Importando
Em seu html declare o css:
<link rel="stylesheet" href="./xGridV2.css">
Para usar o xGrid você deve chamá-lo em seu arquivo .js através de import.
import xGrid from './xGridV2';
Modo de Uso
É necessário um elemento no seu html com um id ou classe para usar na instância do xGrid.
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>xGrid v2.0</title>
<link rel="stylesheet" href="./xGridV2.css">
</head>
<body>
<div id="pnGrid"></div>
<script src="./xGridV2.js"></script>
<script src="example.js" type="module"></script>
</body>
</html>
No javascript iremos instanciar o objeto da seguinte forma:
const grid = new xGrid.create({
el: '#pnGrid'
})
grid.source(json);
Temas
Parâmetro Create
Create é responsável por instanciar o xGrid. Recebe um objeto como parâmetro que pode ter as seguintes propriedades passadas:
Métodos
Esses métodos serão utilizados no grid instanciado. Ex.:
grid.deleteLine(1);