Markdown table generator and editor online

Markdown table generator and editor online

TableConvert.com is not only a markdown table generator but also a markdown table editor. It’s an easy thing to convert json, csv, excel, latex table and html table into markdown tables. The following shows two ways to generate markdown formatted tables for your documentation.

1. Generate by import

Table editor

The button named Import is on the menu bar, it is the portal for importing modules. As of now, the import supports six types of tabular data, it will produce the markdown table when pasted and Import Data.

Excel

The Excel importer accepts tab-delimited tabular data, so you can copy a table in Excel and paste it as a markdown table. In addition to Excel, tabular data can also be copied from other spreadsheet programs, such as Numbers, Google Docs and tables on the web.

Excel Example:

1
2
3
id	name	age
1 Roberta 39
2 Oliver 25

URL

The URL importer accepts URLs of HTML source include <table>, If the page contains multiple table tags, an import button is generated for each table.

URL Example:

1
https://tableconvert.com/blog/donators/index.html

HTML

The HTML importer accepts source code with <table> tags, different from URL importer, It only supports one table.

HTML Example:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<table>
<tr>
<td>id</td>
<td>name</td>
<td>age</td>
</tr>
<tr>
<td>1</td>
<td>Roberta</td>
<td>39</td>
</tr>
<tr>
<td>2</td>
<td>Oliver</td>
<td>25</td>
</tr>
</table>

Markdown

The Markdown importer accepts valid markdown table code, combined with the Options of the markdown converter, you can format and compress markdown code through it.

Markdown Example:

1
2
3
4
| id | name    | age |
|----|---------|-----|
| 1 | Roberta | 39 |
| 2 | Oliver | 25 |

CSV

The CSV importer accepts comma, tab, semicolon, colon, slash, and pipe delimited tabular data, In fact, the application can also automatically detect the delimiter.

CSV Example:

1
2
3
id,name,age
1,Roberta,39
2,Oliver,25

JSON

The JSON importer only accepts an array of objects, it can be javascript or json.

JSON Example:

1
2
3
4
[
{"id": "1", "name": "Roberta", "age": "39"},
{"id": "2", "name": "Oliver", "age": "25"}
]

LaTeX

LaTex importer accepts LaTex codes containing tables, similar to HTML importer, there can only be one table in latex code.

LaTex Example:

1
2
3
4
5
6
7
8
9
10
11
12
\begin{table}
\centering
\caption{TableName}
\begin{tabular}{|l|l|l|}
\hline

id & name & age \\ \hline
1 & Roberta & 39 \\ \hline
2 & Oliver & 25 \\ \hline

\end{tabular}
\end{table}

2. Edit by similar Excel

Table importer

Open TableConvert and you should see a table editor similar to Excel, double-click or press Enter on the keyboard, or select the cell and enter text to edit the table, it will produce the markdown table and stored in localStorage (browser’s cache) when edited.

You can see the toolbar when the cell is focused, it provides buttons for insert / remove and copy rows or columns.

Icon Action
Insert a row above a selected cell
Insert a row below a selected cell
Remove selected rows
Copy a row to the below a selected cell
Insert a column to the left of a selected cell
Insert a column to the right of a selected cell
Remove selected columns
Copy a column to the right of a selected cell

The table editor supports the following shortcuts.

Keys Action
Navigate in the table.
Enter Editable state or Complete editing. Your change will also be automatically applied if you navigate away from the cell
ESC Cancel editing
Delete Delete the contents of the selected cell
Tab Next cell
Shift+Tab Previous cell

Markdown generator options

Customize the formatted markdown table code through the Options panel, The options panel is in the output area, following settings are shown when the Options button is clicked.

Escape special Markdown symbols

Default: true

Markdown treats these characters as ordinary text, If this setting is enabled will add the backslash escape character in front of them:

  • \ backslash itself
  • ` backtick
  • \ asterisk
  • _ underscore
  • { } curly braces
  • [ ] square brackets
  • ( ) parentheses
  • # hash mark
  • + plus sign
  • - minus sign (hyphen)
  • . dot
  • ! exclamation mark

Use simple markdown table

Default: false
Remove pipe characters at the beginning and end of a line.

Use compact mode

Default: false
Will compress Markdown table code and look more compact.

Bold first row

Default: false
Highlight the table header.

Convert