Styler render creates extra indent which when exported to markdown becomes a code block

[danfrankj]

Code Sample, a copy-pastable example if possible

# Your code here
In [12]: df
Out[12]:
   A       B       C
0  1  0.5021 -1.8989
1  0 -0.0123  0.4893
2  0 -1.0470 -0.9169

In [13]: print(df.style.set_caption('example').render())

        <style  type="text/css" >


        </style>

        <table id="T_abffa708_05f4_11e7_920b_acbc329287af" None>

            <caption>example</caption>


        <thead>

            <tr>


                <th class="blank level0" >




                <th class="col_heading level0 col0" colspan=1>
                  A

Problem description

Although the above output renders fine in an ipython notebook, when that notebook is then exported to markdown, the indent is interpreted as a code block so the output HTML renders as a code block

Expected Output

Same thing, just no indent.

Output of pd.show_versions()

INSTALLED VERSIONS ------------------ commit: None python: 3.5.1.final.0 python-bits: 64 OS: Darwin OS-release: 16.0.0 machine: x86_64 processor: i386 byteorder: little LC_ALL: None LANG: en_US.UTF-8 LOCALE: en_US.UTF-8

pandas: 0.19.2
nose: None
pip: 8.1.2
setuptools: 34.1.1
Cython: None
numpy: 1.12.0
scipy: 0.18.1
statsmodels: 0.6.1
xarray: None
IPython: 5.2.1
sphinx: None
patsy: 0.4.1
dateutil: 2.6.0
pytz: 2016.10
blosc: None
bottleneck: None
tables: None
numexpr: None
matplotlib: 2.0.0
openpyxl: None
xlrd: None
xlwt: None
xlsxwriter: None
lxml: None
bs4: None
html5lib: 0.9999999
httplib2: None
apiclient: None
sqlalchemy: 1.1.5
pymysql: None
psycopg2: None
jinja2: 2.9.5
boto: None
pandas_datareader: None

[TomAugspurger]

@danfrankj I have a branch here that fixes this. I'll make sure to have it in before our next release. The generated HTML should be much nicer to view as well (less whitespace and careless indenting).

[TomAugspurger]

Closed by #15954

In [3]: df
Out[3]:
   A       B       C
0  1  0.5021 -1.8989
1  0 -0.0123  0.4893
2  0 -1.0470 -0.9169

In [4]: print(df.style.set_caption('example').render())
<style  type="text/css" >
</style>
<table id="T_dd1e2328_21f7_11e7_995e_186590cd1c87" ><caption>example</caption>
<thead>    <tr>
        <th class="blank level0" ></th>
        <th class="col_heading level0 col0" >A</th>
        <th class="col_heading level0 col1" >B</th>
        <th class="col_heading level0 col2" >C</th>
    </tr></thead>
<tbody>    <tr>
        <th id="T_dd1e2328_21f7_11e7_995e_186590cd1c87" class="row_heading level0 row0" >0</th>
        <td id="T_dd1e2328_21f7_11e7_995e_186590cd1c87row0_col0" class="data row0 col0" >1</td>
        <td id="T_dd1e2328_21f7_11e7_995e_186590cd1c87row0_col1" class="data row0 col1" >0.5021</td>
        <td id="T_dd1e2328_21f7_11e7_995e_186590cd1c87row0_col2" class="data row0 col2" >-1.8989</td>
    </tr>    <tr>
        <th id="T_dd1e2328_21f7_11e7_995e_186590cd1c87" class="row_heading level0 row1" >1</th>
        <td id="T_dd1e2328_21f7_11e7_995e_186590cd1c87row1_col0" class="data row1 col0" >0</td>
        <td id="T_dd1e2328_21f7_11e7_995e_186590cd1c87row1_col1" class="data row1 col1" >-0.0123</td>
        <td id="T_dd1e2328_21f7_11e7_995e_186590cd1c87row1_col2" class="data row1 col2" >0.4893</td>
    </tr>    <tr>
        <th id="T_dd1e2328_21f7_11e7_995e_186590cd1c87" class="row_heading level0 row2" >2</th>
        <td id="T_dd1e2328_21f7_11e7_995e_186590cd1c87row2_col0" class="data row2 col0" >0</td>
        <td id="T_dd1e2328_21f7_11e7_995e_186590cd1c87row2_col1" class="data row2 col1" >-1.047</td>
        <td id="T_dd1e2328_21f7_11e7_995e_186590cd1c87row2_col2" class="data row2 col2" >-0.9169</td>
    </tr></tbody>
</table>