Sorry for the late reply, been busy.
With granular control over a table, I meant being able to style each and every table element:
<th>, etc. Is there a way to do so?
In order to solve the problem with my shortcode, I could do @maiki 's advise but I still don’t get granular control over the table.
@zwbetz raises a good point, however, I don’t want to store my tables in separate files when I can have them inline with the content in the first place. IMHO, it greatly messes my file/folder structure and reduces my efficiency as I have to move around different files when I could be working with just a single one.
Currently @brunoamaral 's solution of using
mmark is a good temporary solution.
Since my theme makes use of Bootstrap CSS, initially, I want to make use of their table styling. Hence, as their documentation suggests, the below code should style a table with their styling:
<!-- Table -->
That’s why I mentioned wrapping the table with the style
table in my question. However, I made the mistake of wrapping it in a
<div> instead of a
<table>. Although, currently, when I wrap my tables in
<table>s as I suggested above, the MD table inside doesn’t get rendered as @brunoamaral suggests. I’ve also tried wrapping them inside
<div>s. Why is that?