Excel like table

I just wanna make html table but like excel style, just table only not the spreadsheet feature

---

How the table look like

todo

• Keyboard event in spreadsheet style

• Arrow right to navigation to right cell

• Arrow left to navigation to the before cell

• Arrow up to navigation to up cell

• Arrow down to navigation to bottom cell

• Home to the begin col

• End navigation to the end col

• Ctrl + Arrow right to navigation to the end col

• Ctrl + Arrow left to navigation to the begin col

• Ctrl + Arrow up to navigation to the end row

• Ctrl + Arrow down to navigation to the begin row

• Enter to the bottom cell

• Shift + enter to the up cell

• F2 to edit the cell

• width cell auto fit with the length string, wrap the text if width is on maximum

• Make row bold when the row changed

• Auto send an changed event to the parent component after 10 second of changed cell

How to add this component to your project?

Just copy paste [this] (https://github.com/rijalBinHusen/excel-like-table/blob/master/src/components/ExcelTable.vue). as your component

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.