Skip to content

feat: Markdown Table Generator & CSV/JSON Importer — interactive grid editor with visual formatting #104

Description

@ajithakdev

Summary

Add an interactive visual Markdown Table Generator and Editor that allows developers, technical writers, and non-technical documenters to build and format GitHub Flavored Markdown (GFM) tables visually.

Motivation

Writing complex Markdown tables by hand with vertical bars (|) and dashes (---) is cumbersome and frustrating, especially when aligning columns or dealing with cell padding. Developers and documentation writers need a fast, visual spreadsheet-like grid that emits clean, pretty-printed GFM table syntax.

Features

  • Visual Spreadsheet Grid:
    • Add / remove rows and columns with hotkeys or buttons.
    • Set column alignments (Left :---, Center :---:, Right ---:).
    • Drag or tab smoothly between cells.
  • Import Capabilities:
    • Paste CSV or TSV (tab-separated from Excel / Google Sheets) ➔ Auto-converts to Markdown table.
    • Paste JSON array of objects ➔ Auto-infers table headers and rows.
  • Export & Output Modes:
    • Pretty-printed GFM Table: Evenly padded columns with spaces for maximum source readability.
    • Compact GFM Table: Minimal whitespace for smaller file sizes.
    • HTML <table>: Clean semantic markup.
  • Live Preview: Real-time rendered preview of the table using the Toolglass frosted table styling.

Engineering & Privacy

  • 100% Client-Side: Processes data in-memory without network calls.
  • Zero Dependencies: Pure TypeScript grid logic.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestgood first issueGood for newcomersnew toolA new tool addition to the toolkit

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions