Markdown Table Generator

WHAT IT DOES

The Markdown Table Generator detects HTML tables on the current page and extracts their complete structure, including header rows and data cells. It provides an interactive table editor where you can view, edit, and reorganize cell content before generating the final output. The tool converts the table into clean Markdown syntax with your choice of column alignment (left, center, or right). The generated Markdown can be copied to the clipboard with one click, ready for pasting into README files, documentation, issue trackers, pull requests, or any Markdown-supported platform. For pages without HTML tables, you can manually create a table by specifying the number of rows and columns and filling in the cells directly. All generated tables are saved to a local history for quick reuse.

WHERE IT RUNS

This userscript works on any website that contains HTML tables — from data dashboards and product comparison pages to financial reports and content management systems. It runs entirely within your browser, requiring no external servers or third-party services. Whether you are documenting API responses, saving data from a webpage, or formatting research results, the Markdown Table Generator streamlines the conversion process.

HOW TO USE

After installation, the panel appears as a floating widget. Click "Detect Tables" to scan the page for all HTML tables. Each detected table appears in a dropdown selector with its dimensions (rows x columns). Select a table to load it into the interactive editor, where you can modify any cell's content. To create a table manually, enter the desired number of rows and columns in the "Manual Table" section and click "Create Empty Table" — the editor will generate a blank grid for you to fill. Select your preferred alignment (left, center, or right) and toggle whether the first row should be treated as a header. Click "Generate Markdown" to produce the Markdown table, which appears in the output area. Use "Copy Markdown" to copy it to your clipboard. All generated tables are saved in the history section for future reference.

TECHNICAL MECHANISM — HTML TABLE PARSING WITH DEPTH-FIRST CELL EXTRACTION

The Markdown Table Generator employs a DOM-based extraction strategy that traverses the page's table elements using document.querySelectorAll('table'). For each table, it performs a depth-first traversal of all tr elements, capturing both td and th children to preserve semantic header information. The extraction normalizes row lengths by padding shorter rows with empty strings, ensuring rectangular table structures suitable for Markdown's pipe-based format. The generator supports responsive table detection that handles nested tables by treating each table element independently. The Markdown generation function constructs the table line by line: first the header row (if enabled), then a separator row using the alignment syntax (:--- for left, :---: for center, ---: for right), followed by each data row. All cell values are escaped to prevent pipe characters from breaking the Markdown syntax, and empty cells are preserved as blank spaces to maintain column alignment. The history feature stores the generated Markdown along with dimensions and alignment as JSON objects, with FIFO eviction after 30 entries to manage storage size.

THE PANEL

The panel is fully draggable and remembers its position per site using GM_setValue. It can be collapsed to a small bubble when not in use and expanded with a single click. The panel supports resizing and includes a snap-to-edge behavior for tidy placement. Pressing the Escape key closes the panel. All interactions are non-blocking and do not interfere with the underlying page functionality.

PLEASE NOTE

This userscript requires the free BotGentz browser extension to function. Web standards and site structures change over time; if the script stops working as expected, check for updates or contact support. The script does not read, store, or transmit any personal data, passwords, or input fields — it only processes HTML table structures and stores your generated Markdown locally in your browser's GM_setValue storage. No analytics, tracking, or external data sharing is performed.