I like the second one (no border)

I'm having trouble removing the border and I think it is because of the inline border="1" of the _repr_html_:

<table border="1" class="dataframe">      <-----here
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>a</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>0</th>
      <td>1</td>
    </tr>
    <tr>
      <th>1</th>
      <td>2</td>
    </tr>
    <tr>
      <th>2</th>
      <td>3</td>
    </tr>
  </tbody>
</table>

I can make it go away by adding border: none in inspect element.

But border: none is already in the CSS I added...it just doesn't appear in the theme.css file after building.

Manually adding border: none to doc/_build/html/_static/css/theme.css file works - but how is this theme.css file created?

doc/_build/html/_static/css/theme.css

This probably comes from sphinx_rtd_theme so we can't easily modify it.

One we can modify is doc/_static/theme_override.css, which gets copied to doc/_build/html/_static/theme_override.css, but this will only affect our (SG's) particular doc build, not the doc build of projects that use SG, so I wouldn't look at that one.

If you want to modify it for all downstream projects (and SG's doc build, too), change sphinx_gallery/_static/gallery.css which ends up being copied to doc/_build/html/_static/gallery.css. So for testing you can see if changing doc/_build/html/_static/gallery.css (maybe with a !important if absolutely necessary) fixes things, and if it does, modify sphinx_gallery/_static/gallery.css the same way.

Codecov Report

Merging #590 into master will increase coverage by <.01%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master     #590      +/-   ##
==========================================
+ Coverage   97.63%   97.63%   +<.01%     
==========================================
  Files          29       29              
  Lines        3000     3002       +2     
==========================================
+ Hits         2929     2931       +2     
  Misses         71       71

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4cee8a0...338cb32. Read the comment docs.

I was adding the CSS to sphinx_gallery/_static/gallery.css but I guess it was over-ridden/ignored for some reason?

Anyway adding !important to border: none in sphinx_gallery/_static/gallery.css worked.

@lucyleeow it looks like you did not commit the !important and accordingly there is still a border here:

https://1221-25860190-gh.circle-artifacts.com/0/rtd_html/auto_examples/plot_3_capture_repr.html

FWIW I really like the change, +1 once the border is fixed :-)

Got it working, see here.

Thanks @lucyleeow !