Table Formatting in Markdown

1

I’d like to add a few classes to the generated table in markdown. Is there a way of doing this currently?

2

Hi,

You can put the HTML into your content.md files and reference your CSS classes.

# Table Example

<div class="table-container">
	<table class="table is-narrow">
		<thead>
			<tr>
				<th></th>
				<th>Advantages</th>
				<th></th>
				<th>More Advantages</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>🐶</td>
				<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis. </td>
				<td>🐘</td>
				<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis. </td>
			</tr>
			<tr>
				<td>🦍</td>
				<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis. </td>
				<td>🐿️</td>
				<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis. </td>
			</tr>
			<tr>
				<td>🦓</td>
				<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis. </td>
				<td>🦔</td>
				<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis. </td>
			</tr>
			<tr>
				<td>🐪</td>
				<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis. </td>
				<td>🍰</td>
				<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis. </td>
			</tr>
		</tbody>
	</table>
</div>

Table Example

Advantages More Advantages
🐶 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis. 🐘 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis.
🦍 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis. 🐿️ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis.
🦓 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis. 🦔 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis.
🐪 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis. 🍰 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus ornare lectus. Vivamus in mauris ut lectus mattis varius. Sed pellentesque at odio eu iaculis.

This references bulma classes.

OR…

You can just style the table elements used by markdown (or use a CSS framework that does this for you). Then just create a Markdown table:

### A Title:
Phrase | Count
--- | ---
Lorem ipsum	| 8
Lorem ipsum	| 8
Lorem ipsum	| 8
Lorem ipsum		| 5
Lorem ipsum	| 4

A Title:

Phrase Count
Lorem ipsum 8
Lorem ipsum 8
Lorem ipsum 8
Lorem ipsum 5
Lorem ipsum 4