How to wrap a div element on a table. #3571
Answered
by
UziTech
YanceyOfficial
asked this question in
Q&A
|
I have a fixed width to render markdown, but the table is overflow. The simplest way is to wrap a div element on the table, and set the div to renderer.table = ({ header, rows }: Tokens.Table) => {
return `<div class="overflow-x-scroll">
<table>
???
</table>
</div>`
}
|
Answered by
UziTech
Dec 29, 2024
Replies: 1 comment 1 reply
|
You can use the original renderer to render the table. import { Marked, Renderer } from 'marked';
const renderer = new Renderer();
const marked = new Marked({
renderer: {
table(...arguments) {
return `<div>${renderer.table.apply(this, arguments)}</div>`;
},
},
});
console.log(marked.parse(`
| a | b |
| - | - |
| c | d |
`)); |
1 reply
|
Thank you Tony! It works in my App. |
Answer selected by
YanceyOfficial
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
You can use the original renderer to render the table.