Skip to content

zivpug/Pipertable

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pipertable - Contextual textarea

v.0.8

A code sample for a contextual textarea ReactJs component- used to edit CSV or quick edit any relational table. It's A textarea with table cell awareness. Originally developed for FAST data editing, to replace the SLOW separate form fields approach.

Component can be used for for smart and lightining fast tabular data editing (it's original purpose) or CSV to JSON editing.

More info: http://ziv-p.com/blog/2018/02/04/pipertable-a-contextual-textarea/

+++++++++++++++++++++++++++++++++++++++++

Pipertable in action

+++++++++++++++++++++++++++++++++++++++++

Basic settings, in file ./components/Pipertable.js set:

@headers - an array of cell names to be used

@separator - the seperator character

@separatorregex - the seperator character escaped for regex use (if escaping required)

+++++++++++++++++++++++++++++++++++++++++

to run locally:

clone >> cd pipertable >> npm install >> npm start

Online sample: Run - https://pipertable.stackblitz.io/

Code edit - https://stackblitz.com/edit/pipertable

More info at the blog post: http://ziv-p.com/blog/2018/02/04/pipertable-a-contextual-textarea/