@simple-html/datasource

Datasource made for @simple-html/grid


sample

API docs:
- Grid
- Datasource

Source code:
- Grid
- Datasource

Features/Todo:
- todo


Minimal sample:
``ts
import './index.css';
import { Datasource } from '@simple-html/datasource';
import { GridInterface, GridElement, GridConfig } from '@simple-html/grid';
import "@simple-html/grid/dist/grid.css";

/**
* create datasource
*/
const datasource = new Datasource();

// add data
datasource.setData([
{ firstname: 'first1', lastname: 'last1' },
{ firstname: 'first2', lastname: 'last2' },
{ firstname: 'first3', lastname: 'last3' }
]);

/**
* create gridConfig
*/
const gridConfig: GridConfig = {
columnsCenter: [
{
rows: ['firstname'],
width: 100
},
{
rows: ['lastname'],
width: 100
}
],
attributes: [
{
attribute: 'firstname'
},
{
attribute: 'lastname'
}
]
};


/**
* create interface and add gridconfig and datasource to it
*/
const gridInterface = new GridInterface(gridConfig, datasource);

/**
* create element for the grid
*/
const element = document.createElement('simple-html-grid') as GridElement;
element.style.width = '100%';
element.style.height = '100%';
element.style.display = 'flex';
element.classList.add('simple-html-grid');
element.connectInterface(gridInterface);

document.body.appendChild(element);
``