react-base-data-table 0.5.17 → 0.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +25 -15
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,31 +1,40 @@
|
|
|
1
|
-
#
|
|
1
|
+
# ⚠️ Deprecation Warning
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
**This package (react-base-data-table) has been deprecated.**
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
Please use the new package: **[react-table-editable](https://www.npmjs.com/package/react-table-editable)** instead.
|
|
6
|
+
|
|
7
|
+
For documentation, visit: [https://react-base-table-website.vercel.app/docs/quick-start](https://react-base-table-website.vercel.app/docs/quick-start)
|
|
8
|
+
|
|
9
|
+
---
|
|
10
|
+
|
|
11
|
+
# React Table Editable
|
|
12
|
+
|
|
13
|
+
A **React editable table component** that is **highly customizable and extensible**, with support for **inline editing, sorting, filtering, grouping, drag-and-drop, collaboration, and custom rendering**. Perfect for building **interactive data grids, spreadsheets, or dashboards** in React.
|
|
14
|
+
|
|
15
|
+
> 📖 **[View Live Documentation and Examples](https://react-base-table-website.vercel.app/)**
|
|
6
16
|
|
|
7
17
|
---
|
|
8
18
|
|
|
9
19
|
## Features
|
|
10
20
|
|
|
11
|
-
- **Sorting**: Click column headers to sort data ascending/descending. Custom sort logic per column supported.
|
|
12
|
-
- **Filtering**: Enable per-column filtering for quick data search.
|
|
13
|
-
- **Grouping**: Group rows by any column, with collapsible group sections.
|
|
14
|
-
- **Row Highlighting**: Highlight rows based on custom conditions.
|
|
15
|
-
- **Custom Rendering**: Render custom content in headers and cells.
|
|
16
|
-
- **Drag & Drop**: Reorder rows with drag-and-drop (optional).
|
|
17
|
-
- **Context Menu**: Right-click on cells to open a customizable context menu.
|
|
18
|
-
- **Collaboration**: Real-time multi-user cell selection display.
|
|
19
|
-
- **Comments**: Add comments to cells.
|
|
20
21
|
- **Inline Editing**: Edit cell values directly in the table.
|
|
21
|
-
- **
|
|
22
|
+
- **Sorting & Filtering**: Sort by columns and filter data easily.
|
|
23
|
+
- **Row Grouping**: Group rows by any column with collapsible sections.
|
|
24
|
+
- **Row Highlighting**: Highlight rows or cells based on custom conditions.
|
|
25
|
+
- **Drag & Drop**: Reorder rows with intuitive drag-and-drop support.
|
|
26
|
+
- **Custom Rendering**: Customize headers and cells with React components.
|
|
27
|
+
- **Context Menus**: Right-click on cells for customizable menus.
|
|
28
|
+
- **Collaboration**: Real-time multi-user editing and selection display.
|
|
29
|
+
- **Comments**: Add comments directly to table cells.
|
|
30
|
+
- **Theming**: Easily style with Tailwind CSS, DaisyUI, or custom classes.
|
|
22
31
|
|
|
23
32
|
---
|
|
24
33
|
|
|
25
34
|
## Installation
|
|
26
35
|
|
|
27
36
|
```bash
|
|
28
|
-
npm install react-
|
|
37
|
+
npm install react-table-editable
|
|
29
38
|
```
|
|
30
39
|
|
|
31
40
|
---
|
|
@@ -33,7 +42,8 @@ npm install react-base-data-table
|
|
|
33
42
|
## Usage
|
|
34
43
|
|
|
35
44
|
```javascript
|
|
36
|
-
import { BaseTable } from "react-
|
|
45
|
+
import { BaseTable } from "react-table-editable";
|
|
46
|
+
import "react-table-editable/style.css";
|
|
37
47
|
```
|
|
38
48
|
|
|
39
49
|
### Basic Example
|