A simple table. Powerful when you need it.

SkarGrid is a JavaScript grid with pagination, sorting, filters and export. This page contains a quick overview to get started.

Get started Examples

Quickstart

Usando CDN — HTML + JS mínimo:

<div id="myTable"></div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/skargrid@latest/dist/skargrid.css">
<script src="https://cdn.jsdelivr.net/npm/skargrid@latest/dist/skargrid.min.js"></script>
<script>
const data = [
    {id:1,nome:'Carlos',cidade:'SP'},
    {id:2,nome:'Fernanda',cidade:'RJ'}
];
const cols = [
    {field:'id',title:'ID'},
    {field:'nome',title:'Nome'},
    {field:'cidade',title:'Cidade'}
];
new Skargrid('myTable', { data, columns: cols, searchable:true, pagination:true, pageSize:5 });
</script>

Examples

Click a feature to load the table on the right; the example code appears below the table.

Example Viewer

Load a feature to view the code.