Question

以下IPython笔记本单元格会生成一个灰色背景和边框的表格：

from IPython.display import HTML
s="""
<style type="text/css">
  table, td { 
    border-collapse: collapse;
    border-style: hidden;
    background-color: rgb(240,240,240);
    }
  </style>
<table>
  <tr>
    <td>a
    <td>b
  <tr>
    <td>c
    <td>d
  </table>
"""
h = HTML(s); h

但是当相同的html内容（字符串s的内容）是普通html文件的整个主体时，该表具有灰色背景并且没有边框（如预期的那样）。看来边框属性在IPython笔记本中无法正常工作。有什么想法吗？

另一个难题是：向表中添加一个colgroup，而css选择器的col会导致除了行之间的水平规则之外的所有内容在IPython笔记本中消失。

Answer 1

这将删除整个表格的边框：
在表markdown单元格上方创建并运行代码单元，其中包含以下内容：

%%html
<style>
table,td,tr,th {border:none!important}
</style>

Answer 2

当html文档的<style>中出现没有（HTML5）scoped属性的<body>元素时，代理的行为未指定。

像Firefox和Opera这样的浏览器无论如何都会尝试做点什么，但我们无法确定在这种模糊环境中inheritance, cascading and specificity的解释方式。

您有两种简单（本地）解决方案：

添加scoped属性（在Firefox中运行良好，在Opera中效果不佳，不了解IE）

<style type="text/css"> - ＆gt; <style type="text/css" scoped>

scoped属性受到激烈争论，例如：On the abominable proposed html5 scoped attribute和Saving the day with scoped CSS。
当然，add an inline style到您的<table>元素

在我看来，其他更全面的解决方案并不是那么好，但这取决于你想要实现的目标。

Answer 3

或者您可以使用内联CSS

<table style="border-style:hidden;border-collapse:collapse;">

在ipython笔记本中，不能像往常一样隐藏表格边框

3 个答案: