将边框样式添加到 <tr> 不工作

时间:2021-01-08 14:35:01

标签: css html-table gridjs

enter image description here

gridjs 是否提供此功能,或者我没有按照 Api 的预期将其放在正确的位置?

2 个答案:

答案 0 :(得分:1)

为了使边框样式起作用,您必须在表格元素的 CSS 中包含 border-collapse: collapse;

答案 1 :(得分:1)

您不能为 tr 设置边框 - 而是将它们应用于 td 元素(并在 border-collapse: collapse 元素上使用 table 以避免可选的双边框)

注意:在 td 上,使用 border-top 和/或 border-bottom 来避免单元格之间的垂直边界,border-left 和 { 上的 td: first-child 也是如此border-right 上的 {1}} 在外部具有垂直边框。