React Markdown Table Generator

New home: https://table.collaborizm.com/

 

Introduction

This React.js app is made for Collaborizm
I made this app as I was tired of writing Markdown for tables by hand for Collaborizm posts.
A big shout-out to Robert Lancer, the CTO of Collaborizm for inspiring this project.
Join my projects on Collaborizm.

 

Features

• Large Input Grid
  The grid supports up to 10 columns and 30 rows.

• Markdown Importer
  Easily import an existing Markdown Table

• State Persistence
  Saves table size, import markdown and input grid state in the browser's LocalStorage.

• Column Text Align
  Set the text alignment to left (default), center and right for each column in the input grid.

• Input Grid Keyboard Navigation
  Use up, down, left and right arrow keys to navigate between cells in the input grid.

• Popout Cell Value Editor
  Press enter or double-click on a cell to enter cell value.

• Cell Text Overflow Indicator
  Shows red ellipsis (...) when the cell value is long.

• Markdown Result Viewer with Copy button
  Pretty-printed result viewer with line numbers. Use the copy button to copy Markdown to the Clipboard.

 

Development build

Type the following commands in a Terminal.

git clone https://github.com/aharshac/react-md-table.git
cd react-md-table
npm install
npm start