Improve <table> input in the comment field

There are many ways to simplify creation of tables. This is the simplest UI I’ve seen but I’m open to suggestions. It’s only 2 clicks to add a table.

1. Click on “add table” button (dropdown opens)
2. Click the desired table size

The grid is too big for us, but a 5x5 would be plenty. No need to get fancy with alignment options and headers; those can be more easily added by the user if desired.

Example table usage: https://github.com/sindresorhus/refined-github/issues/2874

Output would be a simplified HTML5 table markup:

<table>
	<tr>
		<td> A1
		<td> B1
	<tr>
		<td> A2
		<td> B2
</table>

A1	B1
A2	B2

[fregante]

entering numbers of columns and rows will be more efficient

No, because that requires at least 4 clicks and 2 key presses, while this is only 2 clicks (no dragging, just a click)

not restricted to any size??

Nobody needs 100 columns in a GitHub comment; rows can be trivially added by copy-pasting the result as many times as needed, if you need more than 7 rows.

Can I work on this?

You can, but please keep it as simple as possible, probably around 50 lines or less.

You can copy the DOM from the canned replies (but the dropdown content would of course be like in the very first gif):

[jerone]

GFM can be used instead of HTML5: https://github.github.com/gfm/#tables-extension- & https://help.github.com/en/github/writing-on-github/organizing-information-with-tables