csscss-tablesgithub-flavored-markdownjavascript-marked

marked with gfm: true not rendering tables with appropriate css

I'm having these options to configure my marked object but the tables are not getting rendered with proper css.

{
        gfm: true,
        tables: true,
        breaks: false,
        pedantic: false,
        sanitize: false,
        smartLists: true,
        xhtml: false,
        smartypants: true,
        langPrefix: 'hljs language-',
        highlight(code) {
            return hljs.highlightAuto(code, ['html', 'javascript', 'java']).value;
        },
    }

Is there anything that I'm missing? Is there a min.css file that I need to include in index.html to make this work and have proper css for tables?

The table is getting rendered as follows:

enter image description here

The corresponding markdown is:

| ID | Name| email |
|:----:|:----:|:----:|
| ... | ... | ... |
| ... | ... | ... |
| ... | ... | ... |
Solution

  • The problem got solved after including gfm.min.css

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/pixelbrackets/gfm-stylesheet/dist/gfm.min.css" />