Table is missing formatting and borders

support
1

I am following the quickstart guide on Hugo and in my markdown content I am creating a table following the guide: Hugo Markdown Reference | Markdown Guide

Also note that I am using the ananke theme as mentioned in the quickstart guide.

Result:
I am unable to see the table being rendered properly.
Is there any additional configuration that needs to be done?

2

You need to add some CSS to style the table. Something like:

table {
  border-collapse: collapse;
}
td, th {
  border: 1px solid #333;
  padding: 0 .2em;
}
1 Like
3

Where do I add this?

4

https://github.com/theNewDynamic/gohugo-theme-ananke#custom-css

5

But this looks i need to add this only if i want to style it differently.
I don’t want to style it differently. I am unable to see the default table!

6

I don’t understand.

7

The document here Extended Syntax | Markdown Guide

states that if i format the content as shown here with pipes and dashes Hugo automatically takes care of rendering the table. The resultant image in the document above shows borders.
But i don’t see borders in my resultant page.

8

That’s because the CSS for that site adds the borders.

9

Thank you for your help, when I added the CSS per instructions I am seeing the table formatted

10

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.