Table block markup in the front-end

[samikeijonen]

Table block have similar issues opened but I leave this here just in case.

<table class="wp-block-table">
	<tr>
		<td>First name</td>
		<td>Last name</td>
	</tr>
	<tr>
		<td>Xami</td>
		<td>Gello</td>
	</tr>
	<tr>
		<td>Zanna</td>
		<td>Petronen</td>
	</tr>
</table>

• You can't put caption or <th> elements in tables. Those would be good for semantic and accessible markup of tables. At least <th> is needed at the minimum.
• Accessibility handbook have summary and reference links about tables.

About CSS:

.wp-block-table {
	overflow-x: auto;
	display: block;

	table {
		border-collapse: collapse;
		width: 100%;
	}
}

All of these styles should be removed, themes already handles table styles. Also generated CSS .wp-block-table table doesn't match any element.

[mtias]

cc @androb this might be absorbed by the new table project from tinymce.

[laurelfulford]

Also adding (in case these aren't absorbed by the new table project) that the display: block on the .wp-block-table class "breaks" how tables work -- they're normally display: table, and this at least seems to prevent trs from spanning the whole width.

[danielbachhuber]

Related #6923

[karmatosed]

I am going to close this to consolidate all table issues that relate into one issue here: #6923