html - 在 HTML 中控制表格单元格的边框

Question

我有一个 html 表格，它是我根据 ajax 请求获得的。我正在使用 .table-bordered 类。是否有控制单元格边界的选项？

我想画一条垂直线作为某组列之间的边界。例如 {A, B, C, D} 和 {E, F, G, H}。

ID name | A B C D | E F G H | AA BB
1  aaa  | 2 4 6 4 | 4 6 2 7 | a  b
2  bbb  | 2 6 5 2 | 5 6 7 4 | b  a
3  ccc  | 6 7 4 7 | 6 5 4 6 | a  b
4  ddd  | 6 7 9 7 | 5 2 6 7 | b  a

有什么办法吗？

Answer 1

在相关单元格的右侧应用边框。创建一个 CSS 规则，影响在元素右侧绘制边框的每个相关单元格:

  td:nth-child(2), 
  td:nth-child(6), 
  td:nth-child(10) {
        border-right:1px solid black; 
  }