How does vue2.0 achieve functions such as merging and splitting cells in excel tables?

recently working on a simple online editing table, want to achieve similar to the excel table, drag and drop can select several cells, and then merge, merge and then split again.
I haven"t thought of any good ideas yet. Is there any good solution?

Mar.07,2021

make your own wheels, or you can consider using Excel-like components directly. Although they are advertisements, they must be useful to you:


SpreadJS is a pure front-end spreadsheet control based on HTML5, featuring" high speed and low consumption, highly similar to Excel, and infinitely expandable ", providing mobile cross-platform and browser support. At the same time, it meets the business scenarios such as Web Excel component development, data filling, online documents, chart and formula linkage, Excel UI-like design and so on in .NET, Java, App and other applications.


can be done with SpreadJS, SpreadJS itself is an online editing Excel-like spreadsheet and supports the VUE framework. Using the VUE framework, you can refer to the following documentation for configuration: https://www.grapecity.com.cn/.
it only takes 3 minutes to build an online edited Excel table under the framework of VUE.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ead7ca-2159.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ead7ca-2159.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?