如何用引导程序3隐藏表中的空单元格

Question

我想知道如何在使用Bootstrap 3时隐藏表格中的空单元格。基本上我正在尝试创建一个6x6表格的日历，但我想隐藏空单元格的边框。我尝试将下面的内容包含在一个css文件中（我在bootstrap css文件之后找到）但是它可能仍然被覆盖，因为它不起作用：

table {
empty-cells:hide;
}

还有什么方法可以动态地执行此操作，因为不同的日历月并不总是从第一行中的相同单元格开始等等。也许有些jquery用于定位空单元格然后删除它们的边框？

THX

Answer 1

您必须将样式应用于<td>元素：

table td {
  empty-cells: hide;
}

如果您想动态执行此操作，请使用类标记应具有隐藏边框的空单元格：

table td.bashful {
  empty-cells: hide;
}

Answer 2

好的，所以问题是由border-collapse: collapse;引起的，这超出了我的CSS。在我的CSS中包含border-collapse: separate;解决了这个问题。