表格标记未在React Markdown中突出显示或呈现

Question

我正在使用React Markdown库，markdown文本具有如下表格格式

## onPositive()

| Parameter             | Type       | Default Value |
| --------------------- | ---------- | ------------- |
| text                  | String     | Empty String  |
| buttonBackgroundColor | Int        | Default Color |
| action                | () -> Unit | Empty         |

<ReactMarkdown
      className="markdown"
      escapeHtml={false}
      transformImageUri={(uri) => checkURI(uri, gitLink)}
      source={markDown}
      renderers={{ code: CodeBlock }}
      plugins={[toc]}
    />

当前代码：code

因此要渲染表格，我正在使用插件toc，但这不是渲染或显示表格。

当前输出（https://i.imgur.com/PxqHvFd.png）

必需的输出（https://i.imgur.com/chrYKWL.png）

感谢您的帮助。

Answer 1

添加css文件或样式标签将解决此问题。

tr {
  border-top: 1px solid #c6cbd1;
  background: #fff;
}

th,
td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}

table tr:nth-child(2n) {
  background: #f6f8fa;
}