HTML tables being omitted

[gramster]

Hi all

I am new to Hugo. I have been using Nikola for my blog but am looking at moving over. I use Jupyter notebooks for a lot of my notebooks, and these in turn often have renderings of pandas dataframes, which get rendered as HTML divs that contain a style element and a table element.

<div>
<style scoped>
    .dataframe tbody tr th:only-of-type {
        vertical-align: middle;
    }
    .dataframe tbody tr th {
        vertical-align: top;
    }
    .dataframe thead th {
        text-align: right;
    }
</style>
<table border="1" class="dataframe">
  ...
</table>
</div>

In Hugo these are getting rendered completely wrong. The contents of the style element are being included in the output as text, while the table is not rendered at all.

I’ve seen the comments about setting the renderer to allow unsafe HTML and already have this in my config.yaml file:

markup:
  goldmark:
    renderer:
      unsafe: true

It sounds like that should fix things but it doesn’t. Any suggestions?

Thanks
G.

[nfriedli]

If you want to add a style to your content, you have to use… style. Somthing like

<style>
.dataframe tbody... { rules...}
</style>

With pre and code, you just show your code to your users!

[bep]

@gramster

It sounds like that should fix things but it doesn’t. Any suggestions?

unsafe=true does fix this, which means that you somehow got the configuration syntax wrong.

[gramster]

Ah, you are right. I had copied a bunch of configuration settings over from the theme I am using. That content also had a ‘markup’ section, so it must have been overriding the earlier ‘markup’ section I had. I folded the subsections into a single ‘markup’ section and now it is working.