css 我的边界不会像Pandas一样崩溃

b4wnujal  于 2022-12-30  发布在  其他
关注(0)|答案(2)|浏览(134)

一个定义 Dataframe 布局的函数。一切都很好,除了我需要我的边框折叠。我已经尝试了所有的方法。我不需要在我的标题中有边框(列标题和索引),但需要在我的单元格中有一个折叠的小灰色边框。奇怪的是,即使我没有定义,我的标题中也有白色边框。
'

def style_df(df_):
    def style_negative(v, props=''):
        return props if v < 0 else None
    
    cell_hover = {
    "selector": "td:hover",
    "props": [("background-color", "#7FB3D5")]
    }
    index_names = {
    "selector": ".index_name",
    "props": "font-style: italic; color: white"
    }
    headers = {
    "selector": "th",
    "props": "background-color: #273746; color: white;font-size: 12px;font-family: sans-serif"
    }
    cells = {
    "selector": "td",
    "props": "background-color: white; font-size: 12px;font-family: sans-serif;border:1px solid #707B7C;border-collapse:collapse"
    }  
    x=df_.style\
        .applymap(style_negative, props='color:red;')\
        .format(formatter='{:,.2f}%',na_rep='-')\
        .set_table_styles([cell_hover,index_names, headers,cells])
    return x          



df_dict={"col1":np.random.random(10),"col2":np.random.random(10)}
df_random=pd.DataFrame(df_dict)
df_random
style_df(df_random)

'
我试过border-collapse:只在td和th中或者只在table中进行折叠,但是没有效果。

wgx48brx

wgx48brx1#

这是我调整了谢尔盖的回答后的看法。细胞之间仍然白色。

yyhrrdl8

yyhrrdl82#

headers = {
"selector": "th",
"props": "background-color: #273746; color: white}
}
cells = {
"selector": "td",
"props": "background-color: white; font-size: 12px;font-family: sans-serif;border:1px solid #707B7C;border-collapse:collapse; border: 0.5px solid"
}

输出:

另外,标题的白色边框是在标题中指定的,请参见此示例,它是如何工作的:

headers = {
    "selector": "th",
    "props": "background-color: #273746; color: green;font-size: 12px;font-family: sans-serif;border-collapse:collapse;  border: solid"
    }
cells = {
    "selector": "td",
    "props": "background-color: white; font-size: 12px;font-family: sans-serif;border:1px solid #707B7C;border-collapse:collapse; border: 0.5px solid"
    }

相关问题