Luckysheet, an online form with a pure front end similar to excel

Luckysheet, an online form with a pure front end similar to excel

2022-09-02 0 1,202
Resource Number 37481 Last Updated 2025-02-24
¥ 0HKD Upgrade VIP
Download Now Matters needing attention
Can't download? Please contact customer service to submit a link error!
Value-added Service: Installation Guide Environment Configuration Secondary Development Template Modification Source Code Installation
This issue recommends an online form with a pure front end similar to excel – Luckysheet.

Luckysheet is a pure front end similar to excel online form, support excel basic functions, only a simple configuration can be used, is now fully open source.

Luckysheet, an online form with a pure front end similar to excel插图

Luckysheet features:

formatting

Style (modify font style, size, color, or other generic style)
Conditional format (Highlight the cell or range of cells of interest; Emphasize outliers; Visually display data using data bars, levels, and icon sets that correspond to specific variants in the data)
Text alignment and rotation
Support text truncation, overflow, automatic line wrapping
Data types currency, percentage, number, date of Custom (consistent with excel, for example, # #, # # # 0.00, $1234.56 $# #, # # # 0.00 _); [Red]($##,###0.00), _($* ##,###0.00_); _ (… ($* “-“_); _(@_), 08-05 PM 01:30MM-dd AM/PM hh:mm )
Multiple styles in cells (Alt+Enter cell newlines, superscripts, subscripts, different styles for each text can be defined in cells)

cell

Drag and drop the selection to modify the cell (To manipulate the selection, you can drag the four sides to move the selection, or you can pull down to fill the selection in the lower right corner)
Select drop-down fill (for a sequence of 1,2,3,4,5, it will be filled at intervals of 1, and for 2,4,6,8 it will be filled at intervals of 2. Support arithmetic series, arithmetic series, date, week, day, month, year, Chinese number filling)
Auto fill options (After dropping down fill, a menu of fill options will appear, supporting the selection of copy, sequence, format only, format only, day, month, year)
Multi-selection operation (you can hold down the Ctrl key for cell multi-selection operation, support multi-selection copy and paste)
Find and replace (find and replace content, support regular expressions, whole words, case sensitive)
Positioning (can be automatically positioned and selected according to the data type of the cell, and can be formatted in batches after being selected)
Merge cells
Data validation (form functionality) (support Checkbox, drop-down list, datePicker)

Column and column operation

Hide, insert, and delete rows or columns
Freeze row or column (support to freeze the first row and column, freeze to selection, freeze lever can be dragged)
Text segmentation (You can split the text according to different symbols, similar to excel’s segmentation function)
Filter (Support color, number, character, date filtering)
Sort (add multiple fields to sort at the same time)

Operating experience

Undo/redo
Copy/paste/cut operation (support Luckysheet to excel and excel to Luckysheet format copy each other)
Shortcut key support (keep the shortcut key operation consistent with excel, if there is any difference or missing, please give us feedback)
Format brush (similar to google sheet)
Drag and drop any selection (Select the cell, enter the formula, insert the chart, will be associated with the selection, you can arbitrarily drag and zoom in and out of the selection to change the parameters associated with it)

Formulas and functions

Built-in formula

① Mathematics (SUMIFS, AVERAGEIFS, SUMIF, SUM, etc.)

② Text (CONCATENATE, REGEXMATCH, MID)

Date (DATEVALUE, DATEDIF, NOW, WEEKDAY, etc.)

④ Finance (PV, FV, IRR, NPV, etc.)

⑤ Logic (IF, AND, OR, IFERROR, etc.)

⑥ Lookup and reference (VLOOKUP, HLOOkUP, INDIRECT, OFFSET, etc.)

All landowners dynamic array (Excel2019 new function, SORT, FILTER, UNIQUE, RANDARRAY, SEQUENCE)

Formula support array (={1,2,3,4,5,6}, Crtl+Shift+Enter)
remote formula (DM_TEXT_TFIDF, DM_TEXT_TEXTRANK,DATA_CN_STOCK_CLOSE etc. Need remote interface, can realize complex calculation)
Custom formula (identify age, gender, birthday, province, city, etc., according to ID card. AGE_BY_IDCARD, SEX_BY_IDCARD, BIRTHDAY_BY_IDCARD, PROVINCE_BY_IDCARD, CITY_BY_IDCARD, etc. )

Pivot table

Field drag and drop (operation is similar to excel, drag the field to the row, column, value, filter and other 4 areas)
Aggregation mode (support summary, count, de-count, average, maximum, minimum, median, covariance, standard deviation, variance, etc.)
Filter data (Fields can be filtered before summarization)
Pivot table drill down (Double-click data in pivot table, you can drill down to see the details, the operation mode is the same as excel)
Create a new chart based on the pivot table (the data generated by the pivot table can also be made into a chart)

chart

Supported chart types (currently line charts, bar charts, area charts, bar charts, pie charts can be used, scatter charts, radar charts, dashboards, funnel charts are being accessed, other charts are being developed one after another, please give suggestions)
About Charting plugin (Charting uses an intermediate plugin ChartMix (opens new window)(MIT protocol): ECharts is currently supported, and Highcharts, Ali G2, amCharts, googleChart, chart.js are being added)
Sparklines small chart (set and display in the form of formula, currently support: line chart, area chart, bar chart, cumulative chart, bar chart, discrete chart, three-state chart, pie chart, box chart, etc.)

Sharing and writing

Comments (Delete, add, modify, hide comments)
Shared editing (Support multi-user shared editing, built-in API)

Insert object

Insert pictures (support JPG,PNG,SVG insert, modify and delete, and change with the change of the table)

Proprietary function

Matrix calculation (supported by the right-click menu: transpose, rotate, and calculate values for the data in the selection)
Screenshot (Take a screenshot of the selection)
Copy to other formats (right-click menu “copy as “, support to copy to json, array, diagonal data, deduplication, etc.)
EXCEL import and export (designed for Luckysheet import and export plug-in, support password, watermark, formula and other local import and export, export is under development)

Easy to use:

1. There are two ways to introduce dependencies

CDN

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' /><link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css' /><link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css' /><link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/assets/iconfont/iconfont.css' /><script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js"></script><script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script>

Local introduction

<link rel='stylesheet' href='./plugins/css/pluginsCss.css' /><link rel='stylesheet' href='./plugins/plugins.css' /><link rel='stylesheet' href='./css/luckysheet.css' /><link rel='stylesheet' href='./assets/iconfont/iconfont.css' /><script src="./plugins/js/plugin.js"></script><script src="./luckysheet.umd.js"></script>

2. Specify a table container

<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>

3.Create a table

<script>    $(function () {        //configuration item        var options = {            container: 'luckysheet' //luckysheet为容器id        }        luckysheet.create(options)    })</script>

More configuration documents refer to: Overall configuration | Luckysheet document

Preview:

d101c1843aa6451c86962c49fe056a20noop.image_

45dadc51945f420bb8070871d720ba89noop.image_

e39b5a8890b6495993b09ade4aff1409noop.image_

d38daf2da4b14eb39b95e3b38cb3bdb2noop.image_

678f62e535e94448bb79b03170e15440noop.image_

6b6c5f0e7d2748ab819470f203f416b8noop.image_

9ab96363a9544533bdad7438599fc358noop.image_

You can read more on your own.

If you need project recommendations and resources, please send private letters to the author

资源下载此资源为免费资源立即下载
Telegram:@John_Software

Disclaimer: This article is published by a third party and represents the views of the author only and has nothing to do with this website. This site does not make any guarantee or commitment to the authenticity, completeness and timeliness of this article and all or part of its content, please readers for reference only, and please verify the relevant content. The publication or republication of articles by this website for the purpose of conveying more information does not mean that it endorses its views or confirms its description, nor does it mean that this website is responsible for its authenticity.

Ictcoder Free Source Code Luckysheet, an online form with a pure front end similar to excel https://ictcoder.com/luckysheet-an-online-form-with-a-pure-front-end-similar-to-excel/

Share free open-source source code

Q&A
  • 1. Automatic: After making an online payment, click the (Download) link to download the source code; 2. Manual: Contact the seller or the official to check if the template is consistent. Then, place an order and make payment online. The seller ships the goods, and both parties inspect and confirm that there are no issues. ICTcoder will then settle the payment for the seller. Note: Please ensure to place your order and make payment through ICTcoder. If you do not place your order and make payment through ICTcoder, and the seller sends fake source code or encounters any issues, ICTcoder will not assist in resolving them, nor can we guarantee your funds!
View details
  • 1. Default transaction cycle for source code: The seller manually ships the goods within 1-3 days. The amount paid by the user will be held in escrow by ICTcoder until 7 days after the transaction is completed and both parties confirm that there are no issues. ICTcoder will then settle with the seller. In case of any disputes, ICTcoder will have staff to assist in handling until the dispute is resolved or a refund is made! If the buyer places an order and makes payment not through ICTcoder, any issues and disputes have nothing to do with ICTcoder, and ICTcoder will not be responsible for any liabilities!
View details
  • 1. ICTcoder will permanently archive the transaction process between both parties and snapshots of the traded goods to ensure the authenticity, validity, and security of the transaction! 2. ICTcoder cannot guarantee services such as "permanent package updates" and "permanent technical support" after the merchant's commitment. Buyers are advised to identify these services on their own. If necessary, they can contact ICTcoder for assistance; 3. When both website demonstration and image demonstration exist in the source code, and the text descriptions of the website and images are inconsistent, the text description of the image shall prevail as the basis for dispute resolution (excluding special statements or agreements); 4. If there is no statement such as "no legal basis for refund" or similar content, any indication on the product that "once sold, no refunds will be supported" or other similar declarations shall be deemed invalid; 5. Before the buyer places an order and makes payment, the transaction details agreed upon by both parties via WhatsApp or email can also serve as the basis for dispute resolution (in case of any inconsistency between the agreement and the description of the conflict, the agreement shall prevail); 6. Since chat records and email records can serve as the basis for dispute resolution, both parties should only communicate with each other through the contact information left on the system when contacting each other, in order to prevent the other party from denying their own commitments. 7. Although the probability of disputes is low, it is essential to retain important information such as chat records, text messages, and email records, in case a dispute arises, so that ICTcoder can intervene quickly.
View details
  • 1. As a third-party intermediary platform, ICTcoder solely protects transaction security and the rights and interests of both buyers and sellers based on the transaction contract (product description, agreed content before the transaction); 2. For online trading projects not on the ICTcoder platform, any consequences are unrelated to this platform; regardless of the reason why the seller requests an offline transaction, please contact the administrator to report.
View details

Related Source code

ICTcoder Customer Service

24-hour online professional services