NO ERROR：HTMLテーブルはGithubのページにレンダリングするが、出力

Question

上でレンダリングではない、私はジキルとかなり新しいよ、謝罪それは基本的な質問私page's previewで

だ場合、表が完全にレンダリングされます。

ただし、resulting pageではありません。

リポジトリが正常にコンパイルされているため、ギジットページで見られるようにコードにエラーはありません。 ここで問題は何ですか？

Answer 1

Github.comはジキルのレイアウトがないため、スタイルシートを一切使用しない投稿（および一般的にマークダウンファイル）をレンダリングしています。

反対側でhttp://xameeramir.github.io/ienumerable-vs-iqueryable/はあなたのレイアウトを使用してjekyllを生成したgithubページです。したがって、あなたのCSS。

Answer 2

テーブルにはマークダウン（またはkramdown）プロセッサを混乱させる多くのhtml要素があります。

は、それらを生成するために、正しいテーブルの構文を使用してみてください：https://kramdown.gettalong.org/syntax.html#tables

たとえば、次のよう

<table rules="groups"> 
<thead> 
<tr> 
<th style="text-align: left">Header1</th> 
<th style="text-align: center">Header2</th> 
<th style="text-align: right">Header3</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td style="text-align: left">cell1</td> 
<td style="text-align: center">cell2</td> 
<td style="text-align: right">cell3</td> 
</tr> 
<tr> 
<td style="text-align: left">cell4</td> 
<td style="text-align: center">cell5</td> 
<td style="text-align: right">cell6</td> 
</tr> 
</tbody> 
<tbody> 
<tr> 
<td style="text-align: left">cell1</td> 
<td style="text-align: center">cell2</td> 
<td style="text-align: right">cell3</td> 
</tr> 
<tr> 
<td style="text-align: left">cell4</td> 
<td style="text-align: center">cell5</td> 
<td style="text-align: right">cell6</td> </tr> 
</tbody> 
<tfoot> 
<tr> 
<td style="text-align: left">Foot1</td> 
<td style="text-align: center">Foot2</td> 
<td style="text-align: right">Foot3</td> 
</tr> 
</tfoot> 
</table> 

：

| Header1 | Header2 | Header3 | 
|:--------|:-------:|--------:| 
| cell1 | cell2 | cell3 | 
| cell4 | cell5 | cell6 | 
|---- 
| cell1 | cell2 | cell3 | 
| cell4 | cell5 | cell6 | 
|===== 
| Foot1 | Foot2 | Foot3 
{: rules="groups"} 

はと見ていることになります