1 | # Grid.js
|
2 |
|
3 | [![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)
|
4 |
|
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
|
23 | new 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 |
|
33 | Piece 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 |
|
43 | Full documentation of Grid.js installation, config, API and examples are available
|
44 | on 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 |
|
56 |
|
57 |
|
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 |
|
68 |
|
69 |
|
70 |
|
71 |
|
72 | ## License
|
73 |
|
74 | [MIT](https://github.com/grid-js/gridjs/blob/master/LICENSE)
|