New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

active-table-react

Package Overview
Dependencies
Maintainers
0
Versions
68
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

active-table-react

Active Table wrapper for React

  • 1.1.6
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
419
decreased by-39.97%
Maintainers
0
Weekly downloads
 
Created
Source

Logo

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!

This package is an Active Table component wrapper for React.

:rocket: 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!

:tada: Latest update

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

Drag Feature

:computer: Getting started

npm install active-table-react

Then simply add this to your markup:

<ActiveTable data={[["Planet", "Diameter"], ["Earth", 12756]]} />

:beginner: Examples

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

ReactVue 2Vue 3AngularSvelteSvelteKitSolidNextVanillaJS

:construction_worker: Local setup

# Install node dependencies:
$ npm install

# Build the wrapper:
$ npm run build

If you wish to edit the component functionality, please see the core Active Table package and import your forked package into this component as has been done for active-table.

:heart: 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!

Keywords

FAQs

Package last updated on 15 Jan 2025

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc