CODEWITHSUNDEEP
cssgithubmarkdownjekyllgithub-pages
FaCoffee
FaCoffee

Reputation: 7909

Jekyll-now: table headers are not rendered properly

I am totally new to markdown/css, and I am trying to set up my blog at Github Pages.

I have problems displaying the table headers correctly.

This is how I create them in my .md file, which is coming directly from a notebook generated with Jupyter and R:

<table>
<thead><tr><th></th><th scope=col>ID</th><th scope=col>City</th><th scope=col>Province</th><th scope=col>Italians</th><th scope=col>Population</th><th scope=col>Percentage</th><th scope=col>Lat</th><th scope=col>Lon</th></tr></thead>
<tbody>

and this is how they get visualized by Jekyll-now: enter image description here

What am I doing wrong here?

EDIT

This is the html code with which the table headers are rendered:

<p><br />City             Province         Italians   Population   % Italians   Lat     Lon&lt;/br&gt;

I don't know if that's due to Jekyll using a different markdown engine than Github.

Upvotes: 0

Views: 383

Answers (1)

JT Dong
JT Dong

Reputation: 246

I also encountered this issue today and finally I find a way to make it work. It's quite simple, you only need to add quotation marks after scope= like below:

<table>
<thead><tr><th></th>
<th scope="col">ID</th>
<th scope="col">City</th>
<th scope="col">Province</th>
<th scope="col">Italians</th>
<th scope="col">Population</th>
<th scope="col">Percentage</th>
<th scope="col">Lat</th>
<th scope="col">Lon</th></tr></thead>
<tbody>

You can check my post on github pages at https://juntaodong.com/BANA7038-HW1/ and the corresponding raw markdown at https://raw.githubusercontent.com/JuntaoDong/juntaodong.github.io/master/_posts/2019-01-23-BANA7038-HW1.md

Upvotes: 1

Related Questions