UNPKG

3.25 kBMarkdownView Raw
1# Grid.js
2<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
3[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)
4<!-- ALL-CONTRIBUTORS-BADGE:END -->
5
6<p align="center">
7 <a href="https://gridjs.io" target="_blank">
8 <img src="https://gridjs.io/img/logo/text_large.png" height="200" alt="Grid.js" />
9 </a>
10</p>
11<p align="center">Advanced table plugin</p>
12
13**A table library that works everywhere**
14
15- Simple and lightweight implementation
16- No vendor lock-in. Grid.js can be used with any JavaScript frameworks (React, Angular, Preact or VanillaJS)
17- Written in TypeScript
18- Supports all modern browsers and IE11+
19
20## Example
21
22```js
23new Grid({
24 data: [
25 ['Mike', 33, 'mike@murphy.com'],
26 ['John', 82, 'john@conway.com'],
27 ['Sara', 26, 'sara@keegan.com']
28 ],
29 columns: ['Name', 'Age', 'Email']
30}).render(document.getElementById('wrapper'));
31```
32
33Piece of :cake:
34
35## Getting Started
36
37- [Install](https://gridjs.io/docs/install)
38- [Getting Started](https://gridjs.io/docs/index)
39- [Examples](https://gridjs.io/docs/examples/hello-world)
40
41## Documentation :book:
42
43Full documentation of Grid.js installation, config, API and examples are available
44on Grid.js website [grid.js/docs](https://gridjs.io/docs/index).
45
46## Community
47
48- Join our [Discord channel](https://discord.gg/K55BwDY)
49- Take a look at [gridjs](https://stackoverflow.com/questions/tagged/gridjs) tag on StackOverflow or ask your own question!
50- Read our [blog](https://gridjs.io/blog) for the latest updates and announcements
51- Follow our Twitter account [@grid_js](https://twitter.com/grid_js)
52
53## Contributors ✨
54
55<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
56<!-- prettier-ignore-start -->
57<!-- markdownlint-disable -->
58<table>
59 <tr>
60 <td align="center"><a href="http://afshinm.name"><img src="https://avatars3.githubusercontent.com/u/314326?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Afshin Mehrabani</b></sub></a><br /><a href="https://github.com/grid-js/gridjs/commits?author=afshinm" title="Code">💻</a> <a href="https://github.com/grid-js/gridjs/commits?author=afshinm" title="Documentation">📖</a></td>
61 <td align="center"><a href="https://self.agency"><img src="https://avatars.githubusercontent.com/u/2541728?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Daniel Sieradski</b></sub></a><br /><a href="#plugin-selfagency" title="Plugin/utility libraries">🔌</a></td>
62 <td align="center"><a href="http://salamaashoush.com"><img src="https://avatars.githubusercontent.com/u/13505298?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Salama Ashoush</b></sub></a><br /><a href="#plugin-salamaashoush" title="Plugin/utility libraries">🔌</a></td>
63 <td align="center"><a href="https://www.danielwerner.dev/"><img src="https://avatars.githubusercontent.com/u/38726367?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Daniel Werner</b></sub></a><br /><a href="#plugin-daniel-werner" title="Plugin/utility libraries">🔌</a></td>
64 </tr>
65</table>
66
67<!-- markdownlint-restore -->
68<!-- prettier-ignore-end -->
69
70<!-- ALL-CONTRIBUTORS-LIST:END -->
71
72## License
73
74[MIT](https://github.com/grid-js/gridjs/blob/master/LICENSE)