GitXplorerGitXplorer
O

active-table

public
240 stars
13 forks
23 issues

Commits

List of commits on branch main.
Unverified
591b2b59e2ce9af48b86c8e1b944f44bbb8ab1fb

1.1.6 release

OOvidijusParsiunas committed 3 days ago
Unverified
ce3e863864216ac6ca1dff1152c84423b56a67bb

1.1.6 release

OOvidijusParsiunas committed 3 days ago
Verified
c21740a21f8ccbe30e0a65be93a8ca28f81357f5

Merge pull request #57 from irshadmb/patch-1

OOvidijusParsiunas committed 3 days ago
Verified
6a53932a72a4e3518ae709e29144b270446e8be2

Update parentResize.ts

iirshadmb committed 4 months ago
Unverified
7c0b199697b7f596728e1295cb5b47c999399718

updating the React live example

OOvidijusParsiunas committed a year ago
Unverified
3ab11a7743342e1180723960d3eb3a2c2cd6e260

1.1.5 - using vite to bundle package and fixing react integration

OOvidijusParsiunas committed a year ago

README

The README file for this repository.

alt text

Active Table is a fully customizable web component built with a focus on delivering the best editable table experience possible. Whether you need a simple table or a complex real-time data visualization grid, this component can be tailored to suit your specific needs! Explore activetable.io to view all of the available features, how to use them, examples and more!

🚀 Main Features

  • Add/Remove/Move/Edit rows/columns
  • Text validation
  • Sorting
  • Pagination
  • Filtering
  • Column types: Text/Number/Currency/Select/Label/Date/Checkbox
  • API for building custom column types
  • Import/Export/Paste/Drag&Drop csv, xls, xlsx, ods, txt files
  • Programmatic cell updates
  • Reactive dimensions
  • Overflow handling
  • Everything is customizable!

🎉 Latest update

Table columns and rows can now be dragged using your mouse:

Drag Feature

💻 Getting started

npm install active-table

If using React, install the following instead:

npm install active-table-react

Then simply add this to your markup:

<active-table data='[["Planet", "Diameter"], ["Earth", 12756]]'/>

The exact syntax for the above example will vary depending on the framework of your choice (see here).

🔰 Examples

Check out the live codepen examples for your UI framework/library of choice:

React Vue 2 Vue 3 Angular Svelte SvelteKit Solid Next VanillaJS

❤️ Contributions

Open source is built by the community for the community. All contributions to this project are welcome!
Additionally, if you have any suggestions for enhancements, ideas on how to take the project further or have discovered a bug, do not hesitate to create a new issue ticket and we will look into it as soon as possible!