Syntax

| Left |  Center  | Right |
|:-----|:--------:|------:|
| L0   | **bold** | $1600 |
| L1   |  `code`  |   $12 |
| L2   | _italic_ |    $1 |

Examples

This example also shows off custom theming!

Left	Center	Right
L0	bold	$1600
L1	`code`	$12
L2	italic	$1

Custom CSS

Tables have been simplified to mirror a more standard implementation. We've also set up CSS variable-based theming, which should make it easier to add custom styles.

.markdown-body .rdmd-table {
  --table-text: black;
  --table-head: #5b1c9f;
  --table-head-text: white;
  --table-stripe: #f0eaf7;
  --table-edges: rgba(34, 5, 64, 0.5);
  --table-row: white;
}

/* Table
 */
.markdown-body .rdmd-table table {}

/* Rows
 */
.markdown-body .rdmd-table tr {}
.markdown-body .rdmd-table thead tr {}
/* header row's background */
.markdown-body .rdmd-table tr:nth-child(2n) {}
/* striped rows' background */

/* Cells
 */
.markdown-body .rdmd-table th {}
.markdown-body .rdmd-table td {}

export const stylesheet = `
.markdown-body .rdmd-table {
--table-text: black;
--table-head: #5b1c9f;
--table-head-text: white;
--table-stripe: #f0eaf7;
--table-edges: rgba(34, 5, 64, .5);
--table-row: white;
}

rdmd-demo .markdown-body .rdmd-table thead tr {

box-shadow: none;

}

rdmd-demo .markdown-body .rdmd-table thead tr th:last-child {

box-shadow: none;

}
`;