Css 熊猫风格不';不要与谷歌colab合作

Css 熊猫风格不';不要与谷歌colab合作,css,pandas,google-colaboratory,pandas-styles,Css,Pandas,Google Colaboratory,Pandas Styles,我正面临着谷歌colab和熊猫风格的奇怪行为。当在GoogleColab上将样式应用于数据帧时,一些基本样式被弄乱了:表格变得更小、更精简,其他行的高亮显示消失,行的悬停高亮显示停止工作 我附上了两张并排的截图:一张来自一个普通的Jupiter笔记本,里面的东西运行良好,另一张来自Google colab,里面的样式搞乱了事情 代码非常简单: df = pd.DataFrame(range(5)) # create a data frame df

我正面临着谷歌colab和熊猫风格的奇怪行为。当在GoogleColab上将样式应用于数据帧时,一些基本样式被弄乱了:表格变得更小、更精简,其他行的高亮显示消失,行的悬停高亮显示停止工作

我附上了两张并排的截图:一张来自一个普通的Jupiter笔记本,里面的东西运行良好,另一张来自Google colab,里面的样式搞乱了事情

代码非常简单:

df = pd.DataFrame(range(5)) # create a data frame

df                          # in a new cell - just show the dataframe

df.style.highlight_max()    # again, in a new cell. Works in Jupyter notebook, 
                            # doesn't work well on Google Colab. 
任何帮助都将不胜感激


我认为这不是熊猫造型师。pandas所做的只是呈现HTML,它在笔记本或普通浏览器中运行良好。(Jupyter有自己的一组CSS,它应用于呈现的表)。Google colab将拥有自己的CSS集


我怀疑colab默认CSS的层次结构并不像Jupyters那样占主导地位。可能会向他们提交一个问题?

这是Colab的html呈现的问题,但是您可以尝试类似的方法来修复它,尽管它不会给出与笔记本完全相同的结果

df.style.highlight_max(axis=0).set_properties( **{'width': '30px'},**{'text-align': 'center'})
输出:


我现在正在努力解决这个问题。在CoLab中,为数据帧中的单元格添加边框之类的解决方案根本不起作用。你找到解决办法了吗?@BreaksSoftware我没有任何新的信息。抱歉,如果我在colab的内部版本上尝试此操作,而不是在公共版本上尝试此操作,则会得到预期的输出。我看看能不能把这个bug转发给Colab团队。谢谢。你会发现正确的格式也很有用!thanksA的解决办法是添加自定义样式。例子: