2.1.2 • Published 2 years ago
gridy-grid-antd v2.1.2
Gridy Grid Antd Theme
This package allows you to have Ant Design like web components data grid
The detailed docs can be found here: gridy-grid
Gridy Grid uses Skinny Widgets library, so you can go with wider number of elements: skinny-widgets
Installation
npm i gridy-grid gridy-grid-antd sk-theme-antd --save
Usage
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/antd/3.19.8/antd.css" />
<gridy-table theme="antd" id="gridyTable"></gridy-table>
<script type="module">
import { GridyTable } from '/node_modules/gridy-grid/src/table/gridy-table.js';
import { DataSourceLocal } from '/node_modules/gridy-grid/src/datasource/data-source-local.js';
let dataSource = new DataSourceLocal();
dataSource.fields = [
{ title: 'Title', path: '$.title' },
{ title: 'Price', path: '$.price' }
];
let data = [];
for (let i = 0; i < 10; i++) {
data.push({ title: 'row' + i, price: 100 * i })
}
// local datasource data load should be called explicitly
gridyTable.dataSource = dataSource;
customElements.define('gridy-table', GridyTable);
dataSource.loadData(data);
</script>
2.1.2
2 years ago
2.0.28
2 years ago
2.0.29
2 years ago
2.1.1
2 years ago
2.1.0
2 years ago
2.0.26
2 years ago
2.0.27
2 years ago
2.0.25
2 years ago
2.0.24
2 years ago
2.0.22
2 years ago
2.0.23
2 years ago
2.0.21
2 years ago
2.0.19
2 years ago
2.0.17
2 years ago
2.0.18
2 years ago
2.0.15
2 years ago
2.0.16
2 years ago
2.0.13
2 years ago
2.0.14
2 years ago
2.0.20
2 years ago
2.0.12
2 years ago
2.0.11
3 years ago
2.0.10
3 years ago
2.0.9
3 years ago
2.0.8
3 years ago
2.0.7
3 years ago
2.0.5
3 years ago
2.0.6
3 years ago
2.0.3
3 years ago
2.0.2
3 years ago
2.0.1
3 years ago
2.0.0
3 years ago