Mardown Table w/ Component Rows

[allcentury]

I have a table where I want some of the rows to have a border (kinda like this)...

So what I think I want is to be able to tag certain <tr>'s with a class or attribute so I can use a CSS selector.

However this doesn't work:

export const BlueRow = () => <div class="blue-row">G | H</div>

Col | Col2
--|---
A | B
C | D
E | F
<BlueRow />

Is there anyway to do what I'm suggesting?

[ChristianMurphy]

Github flavored markdown doesn't have a mechanism for customizing rows.
However, MDX just support JSX, and styles can be added using HTML tags and/or React components to generate the table.