GFM (online) Renders Tables with cellspacing that doesn't match Github

[tedmyoung]

I have a table like this:

Header | One | Two | Three  
--- | --- | --- | ---  
Row | A | B | C  
Row 2 | D | E | F

However, the live preview of GFM (online) creates spaces in between each cell as if the cell spacing (or CSS border spacing) value were non-zero. When viewed in Github, the table does not have this space.

(this is in the latest 2.3.0.25835 version)

[evanw]

Thanks for reporting this issue. Since the offline version of GFM isn't an "official" processor from GitHub, there may be a few inconsistencies and issues between the two versions. I'll investigate this issue, thanks!

[tedmyoung]

I'm a bit confused, I was referring to the online processor, not the offline one. The offline one has the same problem, which makes me think there's a CSS issue? I'd upload an image here, if the forums supported that.

[yal]

I am aware that this was a post more than 2 years ago.
Still I came across this issue on the latest 2.5.0.27920 version.
Can you help confirm this problem was fixed?

The live preview of GFM was online mode.

thanks

[yal]

This bug is a pain when I used GitHub css style.

I uploaded two render effects, 1st was Atom render, 2nd was MarkdownPad.

Atom editor

MarkdownPad

I expect the fix in the coming upgrade. Thanks.

[yal]

I fixed this issue with below table css style:

/* TABLES
=============================================================================*/

table {
   padding: 0;
   border-collapse: collapse; 
}

table th {
  font-weight: bold;
}

table th, table td {
  border: 1px solid #ccc;
  padding: 6px 13px;
}

table tr {
  border-top: 1px solid #ccc;
  background-color: #fff;
}

table tr:nth-child(2n) {
  background-color: #f8f8f8;
}

It worked right now.