jspreadsheet 12.2.9 → 12.3.1
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 +458 -304
- package/dist/index.js +625 -621
- package/dist/jspreadsheet.themes.css +0 -62
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -1,489 +1,643 @@
|
|
|
1
|
-
|
|
1
|
+
# Jspreadsheet – JavaScript Spreadsheet Component
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
<p align="center">
|
|
4
|
+
<img src="https://jspreadsheet.com/img/logo.svg" alt="Jspreadsheet Logo" width="300">
|
|
5
|
+
</p>
|
|
4
6
|
|
|
5
|
-
|
|
7
|
+
<p align="center">
|
|
8
|
+
<strong>Build Excel-like data grids and spreadsheets in your web applications</strong>
|
|
9
|
+
</p>
|
|
6
10
|
|
|
7
|
-
|
|
11
|
+
<p align="center">
|
|
12
|
+
<a href="https://www.npmjs.com/package/jspreadsheet"><img src="https://img.shields.io/npm/v/jspreadsheet.svg" alt="npm version"></a>
|
|
13
|
+
<a href="https://jspreadsheet.com/license"><img src="https://img.shields.io/badge/license-Commercial-blue.svg" alt="License"></a>
|
|
14
|
+
<a href="https://www.npmjs.com/package/jspreadsheet"><img src="https://img.shields.io/npm/dm/jspreadsheet.svg" alt="Downloads"></a>
|
|
15
|
+
<a href="https://github.com/jspreadsheet/ce"><img src="https://img.shields.io/github/stars/jspreadsheet/ce.svg?style=social" alt="GitHub Stars"></a>
|
|
16
|
+
</p>
|
|
8
17
|
|
|
9
|
-
|
|
18
|
+
**Note:** This is the **PRO/Commercial** version. For the open-source MIT version, see [jspreadsheet-ce](https://github.com/jspreadsheet/ce)
|
|
10
19
|
|
|
11
|
-
|
|
20
|
+
[🚀 **Try Live Demo**](https://jspreadsheet.com/demo/integration) | [📖 **Documentation**](https://jspreadsheet.com/docs) | [💬 **Community**](https://github.com/jspreadsheet/pro/issues)
|
|
12
21
|
|
|
13
|
-
|
|
22
|
+
---
|
|
14
23
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
* [JavaScript Dropdown](https://jspreadsheet.com/docs/dropdown-and-autocomplete)
|
|
24
|
+
## 📑 Table of Contents
|
|
18
25
|
|
|
19
|
-
|
|
26
|
+
- [What is Jspreadsheet?](#-what-is-jspreadsheet)
|
|
27
|
+
- [Quick Start](#-quick-start)
|
|
28
|
+
- [What's New in v12](#-whats-new-in-version-12)
|
|
29
|
+
- [Key Features](#-key-features)
|
|
30
|
+
- [Framework Integration](#️-framework-integration)
|
|
31
|
+
- [Live Examples](#-live-examples)
|
|
32
|
+
- [Use Cases](#-use-cases)
|
|
33
|
+
- [Documentation](#-documentation--resources)
|
|
34
|
+
- [FAQ](#-frequently-asked-questions)
|
|
35
|
+
- [Changelog](#-changelog)
|
|
36
|
+
- [Package Information](#-package-information)
|
|
37
|
+
- [Community & Support](#-community--support)
|
|
38
|
+
- [License](#-license)
|
|
20
39
|
|
|
21
|
-
|
|
40
|
+
---
|
|
22
41
|
|
|
23
|
-
|
|
42
|
+
## 🌟 What is Jspreadsheet?
|
|
24
43
|
|
|
25
|
-
|
|
44
|
+
Jspreadsheet is a **lightweight, high-performance data grid and spreadsheet engine** that enables developers to deliver rich, Excel-style editing experiences in modern web applications **without any framework dependencies**.
|
|
26
45
|
|
|
27
|
-
|
|
46
|
+
Whether you're building a SaaS dashboard, financial modeller, admin portal, or collaborative web app, Jspreadsheet gives you everything you need to create fast, professional, and user-friendly spreadsheet solutions.
|
|
28
47
|
|
|
29
|
-
|
|
48
|
+
### 🏢 Trusted by Leading Companies
|
|
30
49
|
|
|
31
|
-
|
|
50
|
+
**Virgin Media** • **Samsung** • **Deloitte** • **Nissan** • **Johnson & Johnson** • **General Electric** • **Kawasaki** • **BP** • **Comcast** • **Asahikasei** • **Denso Wave** • **Moody's** • **Verizon** • **Kyocera** • **Mizuho** • **Noritz** • **Lexisnexis**
|
|
32
51
|
|
|
33
|
-
|
|
52
|
+
---
|
|
34
53
|
|
|
35
|
-
|
|
54
|
+
## ⚡ Quick Start
|
|
36
55
|
|
|
37
|
-
|
|
56
|
+
### System Requirements
|
|
38
57
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
58
|
+
- **Node.js**: 14.x or higher
|
|
59
|
+
- **Browsers**: Chrome 70+, Firefox 65+, Safari 12+, Edge 79+
|
|
60
|
+
- **Dependencies**: jsuites v6.x
|
|
42
61
|
|
|
43
|
-
|
|
62
|
+
### Installation
|
|
44
63
|
|
|
45
|
-
|
|
64
|
+
[](https://bundlephobia.com/package/jspreadsheet)
|
|
65
|
+
[](https://www.npmjs.com/package/jsuites)
|
|
46
66
|
|
|
47
|
-
|
|
67
|
+
#### Via npm
|
|
48
68
|
|
|
49
|
-
|
|
69
|
+
```bash
|
|
70
|
+
npm install jspreadsheet@12
|
|
71
|
+
```
|
|
50
72
|
|
|
51
|
-
|
|
73
|
+
#### Via CDN
|
|
52
74
|
|
|
53
|
-
|
|
75
|
+
```html
|
|
76
|
+
<script src="https://cdn.jsdelivr.net/npm/jspreadsheet@12/dist/index.min.js"></script>
|
|
77
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jspreadsheet@12/dist/jspreadsheet.min.css" type="text/css" />
|
|
78
|
+
<script src="https://cdn.jsdelivr.net/npm/jsuites@6/dist/jsuites.min.js"></script>
|
|
79
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsuites@6/dist/jsuites.min.css" type="text/css" />
|
|
80
|
+
```
|
|
54
81
|
|
|
55
|
-
|
|
82
|
+
### Basic Usage
|
|
56
83
|
|
|
57
|
-
|
|
84
|
+
```html
|
|
85
|
+
<div id="spreadsheet"></div>
|
|
86
|
+
```
|
|
58
87
|
|
|
59
|
-
|
|
88
|
+
```javascript
|
|
89
|
+
// Set your license (required for PRO version)
|
|
90
|
+
// Get a free trial license at: https://jspreadsheet.com
|
|
91
|
+
jspreadsheet.setLicense('YOUR-LICENSE-KEY');
|
|
60
92
|
|
|
61
|
-
|
|
93
|
+
// Create a spreadsheet
|
|
94
|
+
const spreadsheet = jspreadsheet(document.getElementById('spreadsheet'), {
|
|
95
|
+
worksheets: [{
|
|
96
|
+
data: [
|
|
97
|
+
['Product', 'Price', 'Quantity', 'Total'],
|
|
98
|
+
['Laptop', 999.99, 5, '=B2*C2'],
|
|
99
|
+
['Mouse', 29.99, 10, '=B3*C3'],
|
|
100
|
+
['Keyboard', 79.99, 3, '=B4*C4']
|
|
101
|
+
],
|
|
102
|
+
columns: [
|
|
103
|
+
{ type: 'text', title: 'Product', width: 120 },
|
|
104
|
+
{ type: 'number', title: 'Price', width: 100, mask: '#,##0.00' },
|
|
105
|
+
{ type: 'number', title: 'Quantity', width: 80 },
|
|
106
|
+
{ type: 'number', title: 'Total', width: 100, mask: '#,##0.00' }
|
|
107
|
+
]
|
|
108
|
+
}]
|
|
109
|
+
});
|
|
110
|
+
```
|
|
62
111
|
|
|
63
|
-
|
|
112
|
+
[🔗 **See More Examples**](https://jspreadsheet.com/demo/)
|
|
64
113
|
|
|
65
|
-
|
|
114
|
+
---
|
|
66
115
|
|
|
67
|
-
|
|
116
|
+
## 🎬 Live Demo
|
|
68
117
|
|
|
69
|
-
|
|
118
|
+
Experience Jspreadsheet in action with interactive examples:
|
|
70
119
|
|
|
71
|
-
|
|
120
|
+
[Live Demo](https://jspreadsheet.com/demo/integration)
|
|
72
121
|
|
|
73
|
-
|
|
122
|
+
|
|
74
123
|
|
|
75
|
-
|
|
124
|
+
### 🎯 Try These Features:
|
|
76
125
|
|
|
77
|
-
|
|
126
|
+
✏️ Edit cells • 🧮 Use formulas • 📋 Copy/paste • ➕ Add rows/columns • 🎨 Format cells • 📊 Sort data
|
|
78
127
|
|
|
79
|
-
|
|
128
|
+
### 🚀 More Examples:
|
|
80
129
|
|
|
81
|
-
|
|
130
|
+
[📈 Charts](https://jspreadsheet.com/demo/integration) • [👥 Collaboration](https://jspreadsheet.com/demo/collaboration) • [⚡ Performance](https://jspreadsheet.com/demo/performance)
|
|
82
131
|
|
|
83
|
-
|
|
132
|
+
[**📚 View All Examples →**](https://jspreadsheet.com/demo)
|
|
84
133
|
|
|
85
|
-
|
|
134
|
+
---
|
|
86
135
|
|
|
87
|
-
|
|
136
|
+
## 🎯 Why Choose Jspreadsheet?
|
|
88
137
|
|
|
89
|
-
|
|
138
|
+
### ⚡ **Pure JavaScript Implementation**
|
|
90
139
|
|
|
91
|
-
|
|
140
|
+
Built with vanilla JavaScript, Jspreadsheet has **zero dependencies** and works with any build system or no build system at all. Integrate seamlessly into existing applications without worrying about framework conflicts or version compatibility issues.
|
|
92
141
|
|
|
93
|
-
|
|
142
|
+
### 🚀 **Unmatched Performance & Scalability**
|
|
94
143
|
|
|
95
|
-
|
|
144
|
+
Handle massive datasets confidently. Our **virtual rendering engine** delivers smooth scrolling and interaction, even with hundreds of thousands of rows and columns. Enhanced memory management and smart caching ensure your application's responsiveness.
|
|
96
145
|
|
|
97
|
-
|
|
146
|
+
### 👥 **Excel Compatible User Experience**
|
|
98
147
|
|
|
99
|
-
|
|
148
|
+
Your users already know how to use spreadsheets. Jspreadsheet provides the exact keyboard shortcuts, mouse interactions, copy/paste behavior, and visual feedback that users expect from Excel and Google Sheets.
|
|
100
149
|
|
|
101
|
-
|
|
150
|
+
### 🏢 **Enterprise Ready Architecture**
|
|
102
151
|
|
|
103
|
-
|
|
152
|
+
Jspreadsheet adapts to organizations of all sizes, from startups to Fortune 500 firms. It offers robust security features, detailed audit trails, real-time collaboration, and enterprise-level support.
|
|
104
153
|
|
|
105
|
-
|
|
154
|
+
---
|
|
106
155
|
|
|
107
|
-
|
|
156
|
+
## 🆕 What's New in Version 12
|
|
108
157
|
|
|
109
|
-
|
|
110
|
-
There is no time limit for your evaluation period; you will need a valid license only when you are ready to deploy your applications.
|
|
158
|
+
Version 12 delivers unprecedented performance and powerful new features:
|
|
111
159
|
|
|
112
|
-
|
|
160
|
+
### 🚀 Major Enhancements
|
|
113
161
|
|
|
114
|
-
|
|
162
|
+
| Feature | Description |
|
|
163
|
+
| :---- | :---- |
|
|
164
|
+
| **🎯 1M+ Rows** | Handle over 1 million rows with real DOM elements |
|
|
165
|
+
| **📊 Pivot Tables** | Dynamic data summarization with drag-and-drop field configuration |
|
|
166
|
+
| **📋 Worksheet Tables** | Structured data management with built-in sorting/filtering |
|
|
167
|
+
| **✨ Style Preservation** | Copy/paste from Excel & Google Sheets with full formatting |
|
|
168
|
+
| **🧩 Web Components** | Modern web-components-based editor architecture |
|
|
169
|
+
| **📱 Mobile Navigation** | Completely redesigned touch experience |
|
|
170
|
+
| **⌨️ Accessibility** | Enhanced keyboard navigation with IME support |
|
|
115
171
|
|
|
116
|
-
|
|
117
|
-
* [Pricing](https://jspreadsheet.com/pricing)
|
|
172
|
+
### 🔧 New Extensions
|
|
118
173
|
|
|
174
|
+
- **@jspreadsheet/extensions** - Complete collection of all extensions
|
|
175
|
+
- **@jspreadsheet/format** - Advanced custom editors and cell masking
|
|
119
176
|
|
|
120
|
-
|
|
177
|
+
### 🤖 AI Integration
|
|
121
178
|
|
|
122
|
-
|
|
123
|
-
https://github.com/jspreadsheet/pro/issues
|
|
179
|
+
Integrate your data grid with AI to enable intelligent data processing, natural language queries, and automated insights.
|
|
124
180
|
|
|
181
|
+
|
|
125
182
|
|
|
126
|
-
|
|
183
|
+
[📖 **See All v12 Features →**](https://jspreadsheet.com/docs/upgrades)
|
|
127
184
|
|
|
128
|
-
|
|
185
|
+
---
|
|
129
186
|
|
|
130
|
-
|
|
187
|
+
## 🔥 Key Features
|
|
131
188
|
|
|
189
|
+
### 📊 Core Spreadsheet Functionality
|
|
132
190
|
|
|
191
|
+
**500+ Excel-Compatible Formulas** Every formula your users know and love, implemented with complete Excel compatibility. From basic arithmetic to advanced statistical functions, financial calculations, and text manipulation – if it works in Excel, it works in Jspreadsheet.
|
|
133
192
|
|
|
134
|
-
|
|
135
|
-
- [LemonadeJS Reactive Library](https://lemonadejs.net)
|
|
193
|
+
**Advanced Cell Selection & Editing** Multi-cell selection with Ctrl+click, range selection with Shift+click, and full keyboard navigation. Support for cell references, formula auto-completion, and intelligent cell addressing that adapts as you insert or delete rows and columns.
|
|
136
194
|
|
|
137
|
-
|
|
195
|
+
**Professional Data Entry** Auto-fill sequences, drag-and-drop cell ranges, smart formatting detection, and automatic data type recognition. Your users can work as efficiently as they do in desktop spreadsheet applications.
|
|
138
196
|
|
|
139
|
-
|
|
197
|
+
**Undo/Redo System** Comprehensive action history with unlimited undo/redo capabilities. Every cell edit, formula change, formatting adjustment, and structural modification is tracked and reversible.
|
|
140
198
|
|
|
141
|
-
|
|
199
|
+
**Copy/Paste** Full clipboard integration supporting rich formatting, formulas, and cross-application data transfer. Paste from Excel, Google Sheets, or any other spreadsheet application with formatting preservation.
|
|
142
200
|
|
|
143
|
-
|
|
144
|
-
* [Quick reference](https://jsuites.net/v4/image-cropper/quick-reference)
|
|
201
|
+
### 🎨 Advanced Cell Types & Editors
|
|
145
202
|
|
|
146
|
-
|
|
203
|
+
**Rich Input Controls** Transform static cells into interactive and user-friendly elements:
|
|
147
204
|
|
|
148
|
-
|
|
149
|
-
|
|
205
|
+
- Dropdown lists with search and custom validation
|
|
206
|
+
- Checkbox and radio button groups
|
|
207
|
+
- Date and time pickers with localization
|
|
208
|
+
- Color pickers with custom palettes
|
|
209
|
+
- Numeric steppers and sliders
|
|
210
|
+
- Rich text editors with formatting
|
|
211
|
+
- File upload cells with preview
|
|
212
|
+
- Rating controls and progress bars
|
|
150
213
|
|
|
151
|
-
|
|
214
|
+
**Custom Editor Framework** Build your own cell editors using our comprehensive API. Create specialized input controls for your domain-specific data types, integrate with external services, or build complex multi-field editors for structured data.
|
|
152
215
|
|
|
153
|
-
|
|
154
|
-
* [Vue integration](https://jsuites.net/v4/image-cropper/image-cropper-vue-example)
|
|
155
|
-
* [Angular integration](https://jsuites.net/v4/image-cropper/image-cropper-angular-example)
|
|
216
|
+
**Data Validation Engine** Enforce specific business rules and input constraints directly within your spreadsheet:
|
|
156
217
|
|
|
157
|
-
|
|
218
|
+
- Numeric ranges and precision validation
|
|
219
|
+
- Date range constraints
|
|
220
|
+
- Text pattern matching with regex
|
|
221
|
+
- Custom validation functions
|
|
222
|
+
- Dropdown value restrictions
|
|
223
|
+
- Cross-cell validation rules
|
|
158
224
|
|
|
159
|
-
|
|
225
|
+
### 🎯 Visual Formatting & Styling
|
|
160
226
|
|
|
161
|
-
|
|
162
|
-
* [Quick reference](https://jsuites.net/v4/javascript-template/quick-reference)
|
|
227
|
+
**Themes & Customization** Personalize the appearance of your spreadsheet to fit your exact needs or your brand's identity, with built-in light and dark themes and complete CSS customization capabilities.
|
|
163
228
|
|
|
164
|
-
|
|
229
|
+
**Complete Formatting Control** Customize your spreadsheet's appearance and behavior:
|
|
165
230
|
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
231
|
+
- Font families, sizes, and weights
|
|
232
|
+
- Text color and background colors
|
|
233
|
+
- Borders and cell alignment
|
|
234
|
+
- Number formatting (currency, percentage, scientific)
|
|
235
|
+
- Date and time formatting with localization
|
|
236
|
+
- Conditional formatting with custom rules
|
|
237
|
+
- Cell merging and text wrapping
|
|
170
238
|
|
|
171
|
-
|
|
239
|
+
**Charts & Visualization** Turn your spreadsheet data into different types of graphical charts:
|
|
172
240
|
|
|
173
|
-
|
|
241
|
+
- Line, bar, column, and area charts
|
|
242
|
+
- Pie and doughnut charts with customizable segments
|
|
243
|
+
- Scatter plots and bubble charts
|
|
244
|
+
- Combo charts mixing multiple chart types
|
|
245
|
+
- Sparklines for in-cell visualizations
|
|
246
|
+
- Real-time chart updates as data changes
|
|
174
247
|
|
|
175
|
-
|
|
176
|
-
* [Quick Reference](https://jsuites.net/v4/organogram/quick-reference)
|
|
248
|
+
### 📊 Pivot Tables
|
|
177
249
|
|
|
178
|
-
|
|
250
|
+
Transform raw data into meaningful insights with powerful pivot table functionality:
|
|
179
251
|
|
|
180
|
-
|
|
181
|
-
|
|
252
|
+
- Drag-and-drop field configuration for rows, columns, values, and filters
|
|
253
|
+
- Multiple aggregation functions (sum, count, average, min, max, etc.)
|
|
254
|
+
- Dynamic filtering and sorting capabilities
|
|
255
|
+
- Expandable/collapsible row and column groups
|
|
256
|
+
- Custom calculated fields and items
|
|
257
|
+
- Export pivot table results to various formats
|
|
182
258
|
|
|
183
|
-
|
|
259
|
+
### ⚡ Performance & Scalability Features
|
|
184
260
|
|
|
185
|
-
|
|
186
|
-
* [Vue organogram](https://jsuites.net/v4/organogram/organogram-with-vue)
|
|
187
|
-
* [Angular organogram](https://jsuites.net/v4/organogram/organogram-with-angular)
|
|
261
|
+
|
|
188
262
|
|
|
189
|
-
|
|
263
|
+
**Virtual Rendering Engine** Only visible cells are rendered in the DOM, enabling smooth performance with unlimited data sizes. Scroll through millions of rows without lag or memory issues.
|
|
190
264
|
|
|
191
|
-
|
|
265
|
+
**Intelligent Caching** Smart caching algorithms ensure frequently accessed data remains instantly available while optimizing memory usage for large datasets.
|
|
192
266
|
|
|
193
|
-
|
|
194
|
-
* [Quick reference](https://jsuites.net/v4/heatmap/quick-reference)
|
|
267
|
+
**Lazy Loading Support** Load data on demand as users scroll or navigate, ideal for server-side data sources and real-time feeds.
|
|
195
268
|
|
|
196
|
-
|
|
269
|
+
**Mobile Optimization** Jspreadsheet is designed to work comfortably on mobile devices:
|
|
197
270
|
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
271
|
+
- Pinch-to-zoom for detailed viewing
|
|
272
|
+
- Touch scrolling with momentum
|
|
273
|
+
- Long-press context menus
|
|
274
|
+
- Responsive layout adaptation
|
|
201
275
|
|
|
202
|
-
###
|
|
276
|
+
### 📁 Data Import & Export
|
|
203
277
|
|
|
204
|
-
|
|
278
|
+
**Excel File Support** Powerful Excel file support for .XLS and .XLSX formats with:
|
|
205
279
|
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
280
|
+
- All formulas and calculations
|
|
281
|
+
- Cell formatting and styles
|
|
282
|
+
- Charts and embedded objects
|
|
283
|
+
- Multiple worksheets
|
|
284
|
+
- Named ranges and defined names
|
|
285
|
+
- Data validation rules
|
|
211
286
|
|
|
212
|
-
|
|
287
|
+
**CSV Handling** Advanced CSV processing with:
|
|
213
288
|
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
289
|
+
- Custom delimiter detection
|
|
290
|
+
- Encoding handling (UTF-8, Latin-1, etc.)
|
|
291
|
+
- Quote and escape character processing
|
|
292
|
+
- Header row detection
|
|
293
|
+
- Data type inference
|
|
218
294
|
|
|
219
|
-
|
|
295
|
+
**JSON Integration** Native JSON import/export for seamless integration with REST APIs and modern data sources.
|
|
220
296
|
|
|
221
|
-
|
|
297
|
+
### 👥 Collaboration Features *(Enterprise Edition)*
|
|
222
298
|
|
|
223
|
-
|
|
224
|
-
* [Quick Reference](https://jsuites.net/v4/dropdown-and-autocomplete/quick-reference)
|
|
299
|
+
**Real-Time Multi-User Editing** Multiple users can edit the same spreadsheet simultaneously with:
|
|
225
300
|
|
|
226
|
-
|
|
301
|
+
- Conflict resolution algorithms
|
|
302
|
+
- User presence indicators
|
|
303
|
+
- Live cursor tracking
|
|
304
|
+
- Automatic change synchronization
|
|
305
|
+
- Offline editing with sync on reconnect
|
|
227
306
|
|
|
228
|
-
|
|
229
|
-
* [Multiple options](https://jsuites.net/v4/dropdown-and-autocomplete/multiple)
|
|
230
|
-
* [Large sample](https://jsuites.net/v4/dropdown-and-autocomplete/large-sample)
|
|
231
|
-
* [Remote search](https://jsuites.net/v4/dropdown-and-autocomplete/remote-search)
|
|
232
|
-
* [Add new option](https://jsuites.net/v4/dropdown-and-autocomplete/new-options)
|
|
233
|
-
* [Images](https://jsuites.net/v4/dropdown-and-autocomplete/images)
|
|
234
|
-
* [Colors](https://jsuites.net/v4/dropdown-and-autocomplete/colors)
|
|
235
|
-
* [Countries](https://jsuites.net/v4/dropdown-and-autocomplete/countries)
|
|
236
|
-
* [Grouping elements](https://jsuites.net/v4/dropdown-and-autocomplete/grouping-elements)
|
|
237
|
-
* [Events](https://jsuites.net/v4/dropdown-and-autocomplete/events)
|
|
238
|
-
* [Methods](https://jsuites.net/v4/dropdown-and-autocomplete/methods)
|
|
239
|
-
* [Mobile rendering](https://jsuites.net/v4/dropdown-and-autocomplete/mobile)
|
|
307
|
+
**Advanced Comments & Annotations** Threaded commenting system with:
|
|
240
308
|
|
|
241
|
-
|
|
309
|
+
- Rich text comments
|
|
310
|
+
- @mentions and notifications
|
|
311
|
+
- Comment resolution tracking
|
|
312
|
+
- Audit trail maintenance
|
|
242
313
|
|
|
243
|
-
|
|
244
|
-
* [Vue dropdown](https://jsuites.net/v4/dropdown-and-autocomplete/javascript-dropdown-with-vue)
|
|
245
|
-
* [Angular dropdown](https://jsuites.net/v4/dropdown-and-autocomplete/javascript-dropdown-with-angular)
|
|
314
|
+
**Version Control** Every change is automatically recorded:
|
|
246
315
|
|
|
247
|
-
|
|
316
|
+
- Point-in-time restoration
|
|
317
|
+
- Change highlighting
|
|
318
|
+
- User attribution
|
|
319
|
+
- Branching and merging capabilities
|
|
248
320
|
|
|
249
|
-
|
|
321
|
+
**Permissions & Security** Advanced features to protect your data:
|
|
250
322
|
|
|
251
|
-
|
|
252
|
-
|
|
323
|
+
- Cell-level permissions
|
|
324
|
+
- Sheet protection
|
|
325
|
+
- User role management
|
|
326
|
+
- Field-level encryption
|
|
327
|
+
- Audit logging
|
|
253
328
|
|
|
254
|
-
|
|
329
|
+
[📖 **Complete Feature Documentation →**](https://jspreadsheet.com/docs)
|
|
255
330
|
|
|
256
|
-
|
|
257
|
-
* [Time picker](https://jsuites.net/v4/javascript-calendar/time-picker)
|
|
258
|
-
* [Year and month picker](https://jsuites.net/v4/javascript-calendar/year-month)
|
|
259
|
-
* [Events](https://jsuites.net/v4/javascript-calendar/events)
|
|
260
|
-
* [Valid range](https://jsuites.net/v4/javascript-calendar/valid-range)
|
|
261
|
-
* [International](https://jsuites.net/v4/javascript-calendar/international)
|
|
262
|
-
* [Methods](https://jsuites.net/v4/javascript-calendar/methods)
|
|
263
|
-
* [Inline calendar](https://jsuites.net/v4/javascript-calendar/inline)
|
|
264
|
-
* [Mobile rendering](https://jsuites.net/v4/javascript-calendar/mobile)
|
|
331
|
+
---
|
|
265
332
|
|
|
266
|
-
|
|
333
|
+
## 🛠️ Framework Integration
|
|
267
334
|
|
|
268
|
-
|
|
269
|
-
* [Vue calendar](https://jsuites.net/v4/javascript-calendar/javascript-calendar-with-vue)
|
|
270
|
-
* [Angular calendar](https://jsuites.net/v4/javascript-calendar/javascript-calendar-with-angular)
|
|
335
|
+
Jspreadsheet works seamlessly with all major frameworks:
|
|
271
336
|
|
|
272
|
-
###
|
|
337
|
+
### React
|
|
273
338
|
|
|
274
|
-
|
|
339
|
+
```bash
|
|
340
|
+
npm install @jspreadsheet/react
|
|
341
|
+
```
|
|
275
342
|
|
|
276
|
-
|
|
277
|
-
|
|
343
|
+
```jsx
|
|
344
|
+
import React, { useRef } from "react";
|
|
345
|
+
import { Spreadsheet } from '@jspreadsheet/react';
|
|
346
|
+
import "jsuites/dist/jsuites.css";
|
|
347
|
+
import "jspreadsheet/dist/jspreadsheet.css";
|
|
278
348
|
|
|
279
|
-
|
|
349
|
+
const license = 'YOUR-LICENSE-KEY';
|
|
280
350
|
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
* [Validations](https://jsuites.net/v4/javascript-tags/validations)
|
|
351
|
+
function App() {
|
|
352
|
+
const spreadsheet = useRef();
|
|
353
|
+
const worksheets = { data: [[1, 2, 3]] };
|
|
285
354
|
|
|
286
|
-
|
|
355
|
+
return <Spreadsheet ref={spreadsheet} worksheets={worksheets} license={license} />;
|
|
356
|
+
}
|
|
357
|
+
```
|
|
287
358
|
|
|
288
|
-
|
|
289
|
-
* [Vue tags](https://jsuites.net/v4/javascript-tags/javascript-tags-with-vue)
|
|
290
|
-
* [Angular tags](https://jsuites.net/v4/javascript-tags/javascript-tags-with-angular)
|
|
359
|
+
[📖 Docs](https://jspreadsheet.com/docs/react) • [🎮 Examples](https://jspreadsheet.com/docs/react#examples)
|
|
291
360
|
|
|
292
|
-
###
|
|
361
|
+
### Vue.js
|
|
293
362
|
|
|
294
|
-
|
|
363
|
+
```bash
|
|
364
|
+
npm install @jspreadsheet/vue
|
|
365
|
+
```
|
|
295
366
|
|
|
296
|
-
|
|
297
|
-
|
|
367
|
+
```vue
|
|
368
|
+
<template>
|
|
369
|
+
<Spreadsheet :worksheets="worksheets" :license="license" />
|
|
370
|
+
</template>
|
|
298
371
|
|
|
299
|
-
|
|
372
|
+
<script>
|
|
373
|
+
import { Spreadsheet } from "@jspreadsheet/vue";
|
|
374
|
+
import "jsuites/dist/jsuites.css";
|
|
375
|
+
import "jspreadsheet/dist/jspreadsheet.css";
|
|
300
376
|
|
|
301
|
-
|
|
302
|
-
* [Style](https://jsuites.net/v4/javascript-tabs/style)
|
|
303
|
-
* [Headers with icons](https://jsuites.net/v4/javascript-tabs/icons)
|
|
304
|
-
* [Remote content](https://jsuites.net/v4/javascript-tabs/remote)
|
|
305
|
-
* [Events](https://jsuites.net/v4/javascript-tabs/events)
|
|
306
|
-
* [Methods](https://jsuites.net/v4/javascript-tabs/methods)
|
|
377
|
+
const license = 'YOUR-LICENSE-KEY';
|
|
307
378
|
|
|
308
|
-
|
|
379
|
+
export default {
|
|
380
|
+
components: { Spreadsheet },
|
|
381
|
+
data() {
|
|
382
|
+
return {
|
|
383
|
+
license: license,
|
|
384
|
+
worksheets: { data: [[1, 2, 3]] },
|
|
385
|
+
};
|
|
386
|
+
}
|
|
387
|
+
}
|
|
388
|
+
</script>
|
|
389
|
+
```
|
|
309
390
|
|
|
310
|
-
|
|
391
|
+
[📖 Docs](https://jspreadsheet.com/docs/vue) • [🎮 Examples](https://jspreadsheet.com/docs/vue#examples)
|
|
311
392
|
|
|
312
|
-
|
|
313
|
-
* [Quick Reference](https://jsuites.net/v4/color-picker/quick-reference)
|
|
393
|
+
### Angular
|
|
314
394
|
|
|
315
|
-
|
|
395
|
+
```bash
|
|
396
|
+
npm install jspreadsheet
|
|
397
|
+
```
|
|
316
398
|
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
* [Palettes](https://jsuites.net/v4/color-picker/color-palettes)
|
|
321
|
-
* [Responsive](https://jsuites.net/v4/color-picker/mobile)
|
|
399
|
+
```typescript
|
|
400
|
+
import { Component, ViewChild, ElementRef } from "@angular/core";
|
|
401
|
+
import jspreadsheet from "jspreadsheet";
|
|
322
402
|
|
|
323
|
-
|
|
403
|
+
jspreadsheet.setLicense('YOUR-LICENSE-KEY');
|
|
324
404
|
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
405
|
+
@Component({
|
|
406
|
+
selector: 'app-root',
|
|
407
|
+
standalone: true,
|
|
408
|
+
template: `<div #spreadsheet></div>`,
|
|
409
|
+
})
|
|
410
|
+
export class AppComponent {
|
|
411
|
+
@ViewChild('spreadsheet') spreadsheet!: ElementRef;
|
|
412
|
+
worksheets: jspreadsheet.worksheetInstance[] = [];
|
|
328
413
|
|
|
329
|
-
|
|
414
|
+
ngAfterViewInit() {
|
|
415
|
+
this.worksheets = jspreadsheet(this.spreadsheet.nativeElement, {
|
|
416
|
+
worksheets: [{ data: [[1, 2, 3]] }]
|
|
417
|
+
});
|
|
418
|
+
}
|
|
419
|
+
}
|
|
420
|
+
```
|
|
330
421
|
|
|
331
|
-
|
|
422
|
+
[📖 Docs](https://jspreadsheet.com/docs/angular) • [🎮 Examples](https://jspreadsheet.com/docs/angular#examples)
|
|
332
423
|
|
|
333
|
-
|
|
334
|
-
* [Quick Reference](https://jsuites.net/v4/contextmenu/quick-reference)
|
|
424
|
+
### All Frameworks
|
|
335
425
|
|
|
336
|
-
|
|
426
|
+
| Framework | Package | Docs |
|
|
427
|
+
| :---- | :---- | :---- |
|
|
428
|
+
| **React** | `@jspreadsheet/react` | [Documentation](https://jspreadsheet.com/docs/react) |
|
|
429
|
+
| **Vue.js** | `@jspreadsheet/vue` | [Documentation](https://jspreadsheet.com/docs/vue) |
|
|
430
|
+
| **Angular** | `jspreadsheet` | [Documentation](https://jspreadsheet.com/docs/angular) |
|
|
431
|
+
| **Vanilla JS** | `jspreadsheet` | [Documentation](https://jspreadsheet.com/docs) |
|
|
337
432
|
|
|
338
|
-
|
|
339
|
-
* [Vanilla example](https://jsuites.net/v4/contextmenu/vanilla)
|
|
340
|
-
* [Icons](https://jsuites.net/v4/contextmenu/icons)
|
|
341
|
-
* [Submenu](https://jsuites.net/v4/contextmenu/submenu)
|
|
433
|
+
---
|
|
342
434
|
|
|
343
|
-
|
|
435
|
+
## 🎮 Live Examples
|
|
344
436
|
|
|
345
|
-
|
|
437
|
+
Explore interactive examples organized by category:
|
|
346
438
|
|
|
347
|
-
|
|
348
|
-
|
|
439
|
+
| Category | Description |
|
|
440
|
+
| :---- | :---- |
|
|
441
|
+
| [**Performance**](https://jspreadsheet.com/demo/performance) | Handle millions of rows with smooth scrolling |
|
|
442
|
+
| [**Integration**](https://jspreadsheet.com/demo/integration) | Charts, formulas, and data binding |
|
|
443
|
+
| [**Collaboration**](https://jspreadsheet.com/demo/collaboration) | Real-time multi-user editing |
|
|
444
|
+
| [**Supply Chain**](https://jspreadsheet.com/demo/supply-chain) | Dashboard with inventory tracking |
|
|
445
|
+
| [**Project Management**](https://jspreadsheet.com/demo/project-management) | Task tracking and Gantt charts |
|
|
446
|
+
| [**Financial**](https://jspreadsheet.com/demo/financial) | Investment portfolio tracker |
|
|
447
|
+
| [**HR Planner**](https://jspreadsheet.com/demo/fiscal-year) | Fiscal year planning tool |
|
|
448
|
+
| [**Sales Dashboard**](https://jspreadsheet.com/demo/sales-dashboard) | Revenue and metrics visualization |
|
|
349
449
|
|
|
350
|
-
|
|
450
|
+
[🚀 **View All Examples**](https://jspreadsheet.com/demo)
|
|
351
451
|
|
|
352
|
-
|
|
353
|
-
* [Events](https://jsuites.net/v4/javascript-mask/events)
|
|
354
|
-
* [Programmatically updates](https://jsuites.net/v4/javascript-mask/programmatically-updates)
|
|
452
|
+
---
|
|
355
453
|
|
|
356
|
-
|
|
454
|
+
## 🎯 Use Cases
|
|
357
455
|
|
|
358
|
-
|
|
456
|
+
| Industry | Applications |
|
|
457
|
+
| :---- | :---- |
|
|
458
|
+
| **Finance & Accounting** | Budgeting tools, balance sheets, forecasting apps, loan calculators |
|
|
459
|
+
| **Data Analysis** | KPI monitoring, ad hoc reporting, analytics front-ends |
|
|
460
|
+
| **Operations & Logistics** | Inventory tracking, scheduling, project management boards |
|
|
461
|
+
| **Healthcare & Research** | Clinical data collection, experiment logs, scientific modelling |
|
|
462
|
+
| **Education** | Interactive exercises, grading sheets, collaborative workbooks |
|
|
463
|
+
| **Enterprise SaaS** | Admin panels, CRMs, HR tools, product configurators |
|
|
359
464
|
|
|
360
|
-
|
|
361
|
-
* [Quick reference](https://jsuites.net/v4/modal/quick-reference)
|
|
465
|
+
---
|
|
362
466
|
|
|
363
|
-
|
|
467
|
+
## 💬 What Our Customers Say
|
|
364
468
|
|
|
365
|
-
*
|
|
366
|
-
|
|
367
|
-
|
|
469
|
+
> *"At SplitC we struggled sometimes when users wanted to bulk insert/edit things (sometimes over 100k rows) and we needed performance. Jspreadsheet is probably the fastest spreadsheet component you'll find out there, and with a small bundle size. By the way, support is awesome."*
|
|
470
|
+
>
|
|
471
|
+
> **— Lucas Segers, SplitC**
|
|
368
472
|
|
|
369
|
-
|
|
473
|
+
> *"We vetted 10 JavaScript components and we must say that Jspreadsheet comes out as the best."*
|
|
474
|
+
>
|
|
475
|
+
> **— Lode Cools, Bizz Control**
|
|
370
476
|
|
|
371
|
-
|
|
477
|
+
> *"The latest version of Jspreadsheet is a powerful data grid tool, providing an excellent front end for our spreadsheet interface. The Jspreadsheet team is helpful and quick to respond."*
|
|
478
|
+
>
|
|
479
|
+
> **— Dana Stoesz, PharmacyWire**
|
|
372
480
|
|
|
373
|
-
|
|
374
|
-
* [Quick reference](https://jsuites.net/v4/rich-form/quick-reference)
|
|
481
|
+
---
|
|
375
482
|
|
|
376
|
-
|
|
483
|
+
## 📚 Documentation & Resources
|
|
377
484
|
|
|
378
|
-
|
|
379
|
-
* [Updates](https://jsuites.net/v4/rich-form/methods)
|
|
380
|
-
* [Validations](https://jsuites.net/v4/rich-form/validations)
|
|
485
|
+
### 📖 Getting Started
|
|
381
486
|
|
|
382
|
-
|
|
487
|
+
- [Installation Guide](https://jspreadsheet.com/docs)
|
|
488
|
+
- [Quick Start Tutorial](https://jspreadsheet.com/docs/getting-started)
|
|
489
|
+
- [Basic Examples](https://jspreadsheet.com/demo)
|
|
383
490
|
|
|
384
|
-
|
|
491
|
+
### 🔧 Advanced Topics
|
|
385
492
|
|
|
386
|
-
|
|
387
|
-
|
|
493
|
+
- [Formula Reference](https://jspreadsheet.com/docs/formulas)
|
|
494
|
+
- [Custom Cell Editors](https://jspreadsheet.com/docs/editors)
|
|
495
|
+
- [Real-time Collaboration](https://jspreadsheet.com/products/server)
|
|
496
|
+
- [Performance Optimization](https://jspreadsheet.com/docs/performance)
|
|
388
497
|
|
|
389
|
-
|
|
498
|
+
### 🎨 Customization
|
|
390
499
|
|
|
391
|
-
|
|
500
|
+
- [Themes & Styling](https://jspreadsheet.com/docs/themes)
|
|
501
|
+
- [Custom Plugins](https://jspreadsheet.com/docs/plugins)
|
|
502
|
+
- [API Reference](https://jspreadsheet.com/docs/methods)
|
|
392
503
|
|
|
393
|
-
|
|
504
|
+
---
|
|
394
505
|
|
|
395
|
-
|
|
396
|
-
* [Vue Rating](https://jsuites.net/v4/rating/javascript-rating-with-vue)
|
|
397
|
-
* [Angular Rating](https://jsuites.net/v4/rating/javascript-rating-with-angular)
|
|
506
|
+
## ❓ Frequently Asked Questions
|
|
398
507
|
|
|
399
|
-
|
|
508
|
+
<details>
|
|
509
|
+
<summary><strong>Does Jspreadsheet work with any build system or bundler?</strong></summary>
|
|
400
510
|
|
|
401
|
-
|
|
511
|
+
Yes, Jspreadsheet is built with vanilla JavaScript and has zero dependencies, making it compatible with any build system including Webpack, Rollup, Parcel, Vite, or no build system at all.
|
|
512
|
+
</details>
|
|
402
513
|
|
|
403
|
-
|
|
404
|
-
|
|
514
|
+
<details>
|
|
515
|
+
<summary><strong>What browsers are supported?</strong></summary>
|
|
405
516
|
|
|
406
|
-
|
|
517
|
+
Jspreadsheet supports all modern browsers including Chrome 70+, Firefox 65+, Safari 12+, and Edge 79+. Mobile browsers (iOS Safari, Android Chrome) are fully supported with touch-optimized interactions.
|
|
518
|
+
</details>
|
|
407
519
|
|
|
408
|
-
|
|
409
|
-
|
|
520
|
+
<details>
|
|
521
|
+
<summary><strong>How many rows can Jspreadsheet handle?</strong></summary>
|
|
410
522
|
|
|
411
|
-
|
|
523
|
+
Version 12 can handle **over 1 million rows** with real DOM elements while maintaining smooth scrolling and editing performance. The virtual rendering engine ensures only visible cells impact performance.
|
|
524
|
+
</details>
|
|
412
525
|
|
|
413
|
-
|
|
526
|
+
<details>
|
|
527
|
+
<summary><strong>Does it work with TypeScript?</strong></summary>
|
|
414
528
|
|
|
415
|
-
|
|
416
|
-
|
|
529
|
+
Yes, Jspreadsheet includes comprehensive TypeScript definitions with full type safety for all APIs, events, and configuration options.
|
|
530
|
+
</details>
|
|
417
531
|
|
|
418
|
-
|
|
532
|
+
<details>
|
|
533
|
+
<summary><strong>Can I import Excel files?</strong></summary>
|
|
419
534
|
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
* [Dropping zone](https://jsuites.net/v4/text-editor/dropping-zone)
|
|
423
|
-
* [URL Snippets](https://jsuites.net/v4/text-editor/website-snippet)
|
|
535
|
+
Yes, Excel import (.XLS and .XLSX) is available in Standard, Enterprise, and Ultimate editions with support for formulas, formatting, charts, multiple worksheets, and data validation rules.
|
|
536
|
+
</details>
|
|
424
537
|
|
|
425
|
-
|
|
538
|
+
<details>
|
|
539
|
+
<summary><strong>Is real-time collaboration supported?</strong></summary>
|
|
426
540
|
|
|
427
|
-
|
|
541
|
+
Real-time collaboration is available in the Enterprise Edition with features including simultaneous multi-user editing, live cursor tracking, conflict resolution, and offline editing with sync.
|
|
542
|
+
</details>
|
|
428
543
|
|
|
429
|
-
|
|
430
|
-
* [Quick reference](https://jsuites.net/v4/picker/quick-reference)
|
|
544
|
+
[**View Full FAQ →**](https://jspreadsheet.com/docs/faq)
|
|
431
545
|
|
|
432
|
-
|
|
546
|
+
---
|
|
433
547
|
|
|
434
|
-
|
|
435
|
-
* [Stylize options](https://jsuites.net/v4/picker/stylize-options)
|
|
436
|
-
* [Static front](https://jsuites.net/v4/picker/static-front)
|
|
437
|
-
* [Handle changes](https://jsuites.net/v4/picker/handle-changes)
|
|
548
|
+
## 📋 Changelog
|
|
438
549
|
|
|
439
|
-
|
|
550
|
+
### v12.0.0 - September 2024 🎉
|
|
440
551
|
|
|
441
|
-
|
|
442
|
-
* [Vue Picker](https://jsuites.net/v4/picker/picker-with-vue)
|
|
443
|
-
* [Angular Picker](https://jsuites.net/v4/picker/picker-with-angular)
|
|
552
|
+
**Major Release Highlights:**
|
|
444
553
|
|
|
445
|
-
|
|
554
|
+
- ✨ **1M+ Rows** - Support for over 1 million rows with real DOM elements
|
|
555
|
+
- ✨ **Pivot Tables** - Dynamic data summarization with drag-and-drop configuration
|
|
556
|
+
- ✨ **Worksheet Tables** - New table feature for structured data management
|
|
557
|
+
- ✨ **Style Preservation** - Copy/paste from Excel/Google Sheets with formatting
|
|
558
|
+
- ✨ **Web Components** - Modern web-components-based editors
|
|
559
|
+
- ✨ **Multi-Selection** - Drag & drop for multiple columns/rows
|
|
560
|
+
- ✨ **Mobile Navigation** - Completely redesigned touch experience
|
|
561
|
+
- ✨ **Accessibility** - Enhanced keyboard navigation with IME support
|
|
446
562
|
|
|
447
|
-
|
|
563
|
+
**New Extensions:**
|
|
448
564
|
|
|
449
|
-
|
|
450
|
-
|
|
565
|
+
- `@jspreadsheet/extensions` - Complete collection of extensions
|
|
566
|
+
- `@jspreadsheet/format` - Advanced custom editors and cell masking
|
|
451
567
|
|
|
452
|
-
|
|
568
|
+
[📖 **Full Changelog**](https://jspreadsheet.com/docs/upgrades)
|
|
453
569
|
|
|
454
|
-
|
|
570
|
+
---
|
|
455
571
|
|
|
456
|
-
|
|
572
|
+
## 📦 Package Information
|
|
457
573
|
|
|
458
|
-
|
|
574
|
+
### NPM Package
|
|
459
575
|
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
576
|
+
- **Package Name**: `jspreadsheet`
|
|
577
|
+
- **Current Version**: 12.x
|
|
578
|
+
- **Bundle Size**: ~200KB minified + gzipped
|
|
579
|
+
- **Dependencies**: jsuites v6.x
|
|
580
|
+
- **TypeScript**: Full type definitions included
|
|
581
|
+
- **Module Formats**: ESM, CommonJS, UMD
|
|
465
582
|
|
|
466
|
-
|
|
583
|
+
### Repository
|
|
467
584
|
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
585
|
+
- **Homepage**: [https://jspreadsheet.com](https://jspreadsheet.com)
|
|
586
|
+
- **Documentation**: [https://jspreadsheet.com/docs](https://jspreadsheet.com/docs)
|
|
587
|
+
- **Issues**: [https://github.com/jspreadsheet/pro/issues](https://github.com/jspreadsheet/pro/issues)
|
|
588
|
+
- **Community Edition**: [https://github.com/jspreadsheet/ce](https://github.com/jspreadsheet/ce)
|
|
472
589
|
|
|
473
|
-
|
|
590
|
+
### Keywords
|
|
474
591
|
|
|
475
|
-
|
|
476
|
-
* [Color picker](https://jsuites.net/v4/color-picker)
|
|
477
|
-
* [Context menu](https://jsuites.net/v4/contextmenu)
|
|
478
|
-
* [Dropdown](https://jsuites.net/v4/dropdown-and-autocomplete)
|
|
479
|
-
* [Mask](https://jsuites.net/v4/javascript-mask)
|
|
480
|
-
* [Modal](https://jsuites.net/v4/modal)
|
|
481
|
-
* [Picker](https://jsuites.net/v4/picker)
|
|
482
|
-
* [Rating](https://jsuites.net/v4/rating)
|
|
483
|
-
* [Rich forms](https://jsuites.net/v4/rich-form)
|
|
484
|
-
* [Richtext](https://jsuites.net/v4/text-editor)
|
|
485
|
-
* [Slider](https://jsuites.net/v4/image-slider)
|
|
486
|
-
* [Tags](https://jsuites.net/v4/javascript-tags)
|
|
487
|
-
* [Tabs](https://jsuites.net/v4/javascript-tabs)
|
|
488
|
-
* [Toolbars](https://jsuites.net/v4/toolbar)
|
|
592
|
+
`spreadsheet`, `datagrid`, `data-grid`, `excel`, `table`, `data-table`, `vanilla-js`, `javascript`, `typescript`, `react`, `vue`, `angular`, `pivot-table`, `formulas`, `charts`, `data-visualization`, `collaboration`, `real-time`
|
|
489
593
|
|
|
594
|
+
---
|
|
595
|
+
|
|
596
|
+
## 💬 Community & Support
|
|
597
|
+
|
|
598
|
+
### 👋 Join Our Community
|
|
599
|
+
|
|
600
|
+
- [GitHub Discussions](https://github.com/jspreadsheet/pro/issues) - Ask questions and share ideas
|
|
601
|
+
- [Stack Overflow](https://stackoverflow.com/questions/tagged/jspreadsheet) - Technical Q&A
|
|
602
|
+
|
|
603
|
+
### 📞 Get Support
|
|
604
|
+
|
|
605
|
+
- **Standard Edition**: Priority email support with 48-hour response time
|
|
606
|
+
- **Enterprise Edition**: Dedicated support team and phone support
|
|
607
|
+
- **Ultimate Edition**: SLA guarantees with 4-hour response for critical issues
|
|
608
|
+
|
|
609
|
+
[Contact Support](https://jspreadsheet.com/contact)
|
|
610
|
+
|
|
611
|
+
---
|
|
612
|
+
|
|
613
|
+
## 📄 License
|
|
614
|
+
|
|
615
|
+
**Jspreadsheet PRO** is available under commercial license options:
|
|
616
|
+
|
|
617
|
+
- **Standard Edition**: Commercial license for small teams
|
|
618
|
+
- **Enterprise Edition**: Full commercial license with premium features
|
|
619
|
+
- **Ultimate Edition**: Complete solution with collaboration and advanced features
|
|
620
|
+
|
|
621
|
+
**Looking for the open-source version?** Check out [jspreadsheet-ce](https://github.com/jspreadsheet/ce) (Community Edition) under MIT License.
|
|
622
|
+
|
|
623
|
+
[View License Details](https://jspreadsheet.com/docs/license) | [Compare Editions](https://jspreadsheet.com/pricing)
|
|
624
|
+
|
|
625
|
+
---
|
|
626
|
+
|
|
627
|
+
## 🌍 Join Thousands of Developers
|
|
628
|
+
|
|
629
|
+
Jspreadsheet powers spreadsheet applications across industries — from fintech startups to Fortune 500 enterprises. Join our growing community of developers who are building the future of data manipulation on the web.
|
|
630
|
+
|
|
631
|
+
**Transform your data, empower your users, and accelerate your development with Jspreadsheet.**
|
|
632
|
+
|
|
633
|
+
---
|
|
634
|
+
|
|
635
|
+
<p align="center">
|
|
636
|
+
<a href="https://jspreadsheet.com"><strong>🚀 Try it for Free</strong></a> •
|
|
637
|
+
<a href="https://jspreadsheet.com/docs"><strong>📖 Read the Docs</strong></a> •
|
|
638
|
+
<a href="https://github.com/jspreadsheet/jspreadsheet/discussions"><strong>💬 Join Community</strong></a>
|
|
639
|
+
</p>
|
|
640
|
+
|
|
641
|
+
<p align="center">
|
|
642
|
+
Made with ❤️ by the Jspreadsheet Team
|
|
643
|
+
</p>
|