MarkdownComponent drops table alignment

[f-loris]

Describe the bug
When specifying the text alignment of columns in a markdown table it is not considered in the rendered html although showdown supports it. I could verify that showdown is providing the alignment in the html it correctly, but I suspect the DomSanitizer is dropping the inline css styles:

covalent/libs/markdown/src/lib/markdown.component.ts

Line 332 in c930381

this._domSanitizer.sanitize(SecurityContext.HTML, markupStr) ?? '';

)

The sample from below is rendered from showdown as:

<table>
<thead>
<tr>
<th>Tables</th>
<th style="text-align:center;">Are</th>
<th style="text-align:right;">Cool</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>col 3 is</strong></td>
<td style="text-align:center;">right-aligned</td>
<td style="text-align:right;">$1600</td>
</tr>
<tr>
<td>col 2 is</td>
<td style="text-align:center;"><em>centered</em></td>
<td style="text-align:right;">$12</td>
</tr>
<tr>
<td>zebra stripes</td>
<td style="text-align:center;">are neat</td>
<td style="text-align:right;">$1</td>
</tr>
</tbody>

But in the rendered html of the MarkdownComponent the inline style of the th and td elements are gone.

To Reproduce
Steps to reproduce the behavior:

1. Use the following markdown with a td-markdown component

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| **col 3 is**  | right-aligned | $1600 |
| col 2 is      | *centered*    |   $12 |
| zebra stripes | are neat      |    $1 |

2. The table is shown but the column 2 is not centered and column 3 not right-aligened as the inline style is dropped by the MarkdownComponent.

Expected behavior
The style or at least some css class should be in the rendered html to be able to style the table appropriately.

Desktop:

• OS: Windows
• Browser chrome
• Version 109.0.5414.75