css - 数据表 - 边框样式不适用于空的表格单元格

我遇到了数据表的样式问题。我支持的浏览器是 IE 6 到 10。

每当我在 td 内容中有空行时，单元格的边框就会变得有趣和扭曲。见下图。 enter image description here

我查看了空表格单元格之间的样式差异，看起来如果有空单元格数据表不包含单元格的边框属性。见下文....

没有空单元格的行的 HTML 样式如下... enter image description here

没有空单元格的行的样式如下... enter image description here

具有空单元格的行的 HTML 如下... enter image description here

具有空单元格的行的样式如下... enter image description here

有人可以帮我解决这个问题吗？

是不是因为没有内容时td标签是空标签？ css 是否对空标签有不同的应用？没想到……

我使用的是数据表 1.9.4。

谢谢

最佳答案

作为对评论中友好的挑战的回应:您确实可以覆盖空的样式 <td>不使用javascript。考虑这个例子，目标 dataTables 1.9.4(下面的演示)

table.dataTable td {
   border-bottom: 1px solid red;
}
table.dataTable {
    border-collapse: separate;
    empty-cells: hide;
}

enter image description here

打开 fiddle ，尝试注释掉最后一个 CSS 类并更新。看不到自定义 CSS 的内容 - custom-myer.css和 styles.jsp - 我无法确定您的具体情况到底发生了什么，但以上内容与您的经历非常相似。

关于css - 数据表 - 边框样式不适用于空的表格单元格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29768750/