jquery - 如何使用 bootstrap 3 隐藏表格中的空单元格

Question

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

table {
empty-cells:hide;
}

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

谢谢

Answer 1

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

table td {
  empty-cells: hide;
}

如果你想动态地做，那么使用一个类来标记那些应该有隐藏边框的空单元格:

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