table-copy-vanilla
v1.0.4
Published
Allows users to select a portion of html tables and copy the content. The contents can be pasted in excel or excel compatible softwares.
Downloads
5
Readme
table-copy-vanilla
Allows users to select a portion of html tables and copy the content. The contents can be pasted in excel or excel compatible softwares.
Demo Link: https://table-copy-vanilla.netlify.app/
Installation
npm
npm i table-copy-vanilla
yarn
yarn add table-copy-vanilla
User Usage
- Ctrl+Click on a table cell to begin
- Move with Arrow keys to select cells
- CTRL+C to copy data
Esc
to remove selection- Mouse click without
CTRL
key inside the table also removes selection
Tips
- Press
CTRL
+ArrowKeys
to select 100 row/columns at a time - Press
Shift
+ArrowKeys
to select 10 rows/columns at a time - Press
CTRL
+Shift
+ArrowKeys
to select 1000 row/columns at a time
Focused Element Behavior
If a input element was focused before starting the table selection, the focus will be removed from the element. The focus is restored with the user cancels the selection. Either via ESC
or by mouse press without CTRL
pressed