Overview

Active Table is a customizable web component designed to provide the best editable table experience. From simple tables to real-time data visualization grids, this component can be tailored to meet specific needs. With a focus on flexibility and user-friendly features, Active Table is a versatile tool for various projects.

Features

• Add/Remove/Move/Edit rows/columns: Easily manage table structure.
• Text validation: Ensure data entered meets specified criteria.
• Sorting: Arrange data in ascending or descending order.
• Pagination: Navigate through large datasets conveniently.
• Filtering: Quickly find specific data based on set parameters.
• Column types: Supports Text, Number, Currency, Select, Label, Date, and Checkbox.
• API for building custom column types: Extend functionality as needed.
• Import/Export/Paste/Drag&Drop: Seamless integration with various file formats.

Installation

To install Active Table, follow these steps:

1. If you are using React, install the following:

npm install @activetable/react

2. Add the following markup to your project:

import ActiveTable from '@activetable/react';

// Use ActiveTable component in your code
<ActiveTable data={yourData} />;

Depending on your chosen framework, syntax variations may apply. Refer to the documentation for more details.

Summary

Active Table is a versatile web component that offers a range of features for creating and managing customizable tables. With support for various column types, data manipulation options, and seamless integration with different frameworks, Active Table provides a robust solution for displaying and interacting with tabular data.