Awesome

Grid.js

<a href="https://gridjs.io" target="_blank"> <img src="https://gridjs.io/img/logo/text_large.png" height="200" alt="Grid.js" /> </a> Advanced table plugin

A table library that works everywhere

Simple and lightweight implementation
No vendor lock-in. Grid.js can be used with any JavaScript frameworks (React, Angular, Preact or VanillaJS)
Written in TypeScript
Supports all modern browsers and IE11+

Example

new Grid({
  data: [
    ['Mike', 33, 'mike@murphy.com'],
    ['John', 82, 'john@conway.com'],
    ['Sara', 26, 'sara@keegan.com']
  ],
  columns: ['Name', 'Age', 'Email']
}).render(document.getElementById('wrapper'));

Piece of :cake:

Getting Started

Documentation :book:

Full documentation of Grid.js installation, config, API and examples are available on Grid.js website grid.js/docs.

Community

Join our Discord channel
Take a look at gridjs tag on StackOverflow or ask your own question!
Read our blog for the latest updates and announcements
Follow our Twitter account @grid_js

Contributors ✨

<table> <tr> <td align="center"><a href="http://afshinm.name"><img src="https://avatars3.githubusercontent.com/u/314326?v=4?s=100" width="100px;" alt=""/> Afshin Mehrabani</a> <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> <td align="center"><a href="https://self.agency"><img src="https://avatars.githubusercontent.com/u/2541728?v=4?s=100" width="100px;" alt=""/> Daniel Sieradski</a> <a href="#plugin-selfagency" title="Plugin/utility libraries">🔌</a></td> <td align="center"><a href="http://salamaashoush.com"><img src="https://avatars.githubusercontent.com/u/13505298?v=4?s=100" width="100px;" alt=""/> Salama Ashoush</a> <a href="#plugin-salamaashoush" title="Plugin/utility libraries">🔌</a></td> <td align="center"><a href="https://www.danielwerner.dev/"><img src="https://avatars.githubusercontent.com/u/38726367?v=4?s=100" width="100px;" alt=""/> Daniel Werner</a> <a href="#plugin-daniel-werner" title="Plugin/utility libraries">🔌</a></td> <td align="center"><a href="https://aloys.dev"><img src="https://avatars.githubusercontent.com/u/17796338?v=4?s=100" width="100px;" alt=""/> Aloysb</a> <a href="https://github.com/grid-js/gridjs/commits?author=Aloysb" title="Code">💻</a> <a href="https://github.com/grid-js/gridjs/commits?author=Aloysb" title="Documentation">📖</a></td> </tr> </table>

License

MIT