BUG: Fix css for displaying DataFrames in notebook #16792
State: closed

 - [ ] closes #16792
 - [ ] tests added / passed
 - [ ] passes ``git diff upstream/master --name-only -- '*.py' | flake8 --diff`` (On Windows, ``git diff upstream/master -u -- "*.py" | flake8 --diff`` might work as an alternative.)
 - [ ] whatsnew entry


Labels:
name: IO HTML
description: read_html, to_html, Styler.apply, Styler.applymap

Comments:
Could you attach before / after screenshots?
#### Index Vertical Alignment with Wrapping Text

##### Before
<img width="1071" alt="screen shot 2017-07-12 at 12 22 19 pm" src="https://user-images.githubusercontent.com/5471483/28136423-89fd7898-66fe-11e7-99ad-69432bb6afdc.png">

##### After
<img width="1075" alt="screen shot 2017-07-12 at 12 31 34 pm" src="https://user-images.githubusercontent.com/5471483/28136436-906f744c-66fe-11e7-871a-fdcf78b73282.png">

#### Header Horizontal Alignment with Named Index and non-MultiIndex Columns

##### Before

<img width="701" alt="screen shot 2017-07-12 at 12 27 00 pm" src="https://user-images.githubusercontent.com/5471483/28136489-c8440414-66fe-11e7-80d8-16adf60d8d2b.png">

##### After

<img width="702" alt="screen shot 2017-07-12 at 12 32 43 pm" src="https://user-images.githubusercontent.com/5471483/28136499-cfb0d740-66fe-11e7-97e3-a09a1e39914c.png">

#### Header Horizontal Alignment with Named Index and MultiIndex Columns

##### Before

<img width="672" alt="screen shot 2017-07-12 at 12 27 37 pm" src="https://user-images.githubusercontent.com/5471483/28136526-dce7eeda-66fe-11e7-8b9b-adf65e4e7cb3.png">

##### After

<img width="673" alt="screen shot 2017-07-12 at 12 33 10 pm" src="https://user-images.githubusercontent.com/5471483/28136535-e34ac91e-66fe-11e7-82f3-6a679f17acde.png">


Thanks, I think these all look better.

You'll need to update some of the tests, as they were checking the old structure. But +1 on the changes so far.
can you update
Hello @margotphoenix! Thanks for updating the PR.





Cheers ! There are no PEP8 issues in this Pull Request. :beers: 

##### Comment last updated on September 20, 2017 at 19:29 Hours UTC
Apologies for the delay in updating. I was out of town.
# [Codecov](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=h1) Report
> Merging [#16879](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=desc) into [master](https://codecov.io/gh/pandas-dev/pandas/commit/0e85ca7f5afb26880e81ba6ff3965c8c0f27bbaf?src=pr&el=desc) will **decrease** coverage by `0.04%`.
> The diff coverage is `100%`.

[![Impacted file tree graph](https://codecov.io/gh/pandas-dev/pandas/pull/16879/graphs/tree.svg?token=eZ4WkYLtcO&src=pr&height=150&width=650)](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=tree)

```diff
@@            Coverage Diff             @@
##           master   #16879      +/-   ##
==========================================
- Coverage   91.22%   91.18%   -0.05%     
==========================================
  Files         163      163              
  Lines       49625    49636      +11     
==========================================
- Hits        45270    45259      -11     
- Misses       4355     4377      +22
```

| Flag | Coverage Δ | |
|---|---|---|
| #multiple | `88.96% <100%> (-0.03%)` | :arrow_down: |
| #single | `40.19% <0%> (-0.07%)` | :arrow_down: |

| [Impacted Files](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=tree) | Coverage Δ | |
|---|---|---|
| [pandas/io/formats/format.py](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=tree#diff-cGFuZGFzL2lvL2Zvcm1hdHMvZm9ybWF0LnB5) | `96.07% <100%> (+0.02%)` | :arrow_up: |
| [pandas/io/gbq.py](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=tree#diff-cGFuZGFzL2lvL2dicS5weQ==) | `25% <0%> (-58.34%)` | :arrow_down: |
| [pandas/plotting/\_tools.py](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=tree#diff-cGFuZGFzL3Bsb3R0aW5nL190b29scy5weQ==) | `72.92% <0%> (-6.08%)` | :arrow_down: |
| [pandas/plotting/\_core.py](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=tree#diff-cGFuZGFzL3Bsb3R0aW5nL19jb3JlLnB5) | `82.52% <0%> (-0.21%)` | :arrow_down: |
| [pandas/core/frame.py](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=tree#diff-cGFuZGFzL2NvcmUvZnJhbWUucHk=) | `97.77% <0%> (-0.1%)` | :arrow_down: |
| [pandas/core/indexes/multi.py](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=tree#diff-cGFuZGFzL2NvcmUvaW5kZXhlcy9tdWx0aS5weQ==) | `96.9% <0%> (ø)` | :arrow_up: |
| [pandas/plotting/\_converter.py](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=tree#diff-cGFuZGFzL3Bsb3R0aW5nL19jb252ZXJ0ZXIucHk=) | `63.38% <0%> (+0.15%)` | :arrow_up: |

------

[Continue to review full report at Codecov](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=continue).
> **Legend** - [Click here to learn more](https://docs.codecov.io/docs/codecov-delta)
> `Δ = absolute <relative> (impact)`, `ø = not affected`, `? = missing data`
> Powered by [Codecov](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=footer). Last update [0e85ca7...9cd4d5a](https://codecov.io/gh/pandas-dev/pandas/pull/16879?src=pr&el=lastupdated). Read the [comment docs](https://docs.codecov.io/docs/pull-request-comments).

@margotphoenix : You should also add a `whatsnew` since this is a bug.
> Apologies for the delay in updating

No worries.  We've had to wait MUCH longer than a day for updates before :smile: 
can you rebase / update and see if you can get tests passing
done
Yeah, I think so. Just removed some trailing whitespace in https://github.com/pandas-dev/pandas/pull/16879/commits/9cd4d5a5baecbf3a049bf66ca1777d2420044acf
@margotphoenix Thanks!