如何隐藏Bootstrap 4表格中的单元格边界？

Question

这个问题是我看到的名为'bootstrap 4 table column sizing'的后续问题。

我想创建一个小表（2x3），右下方单元格的外边框缺失。图片应该解释它。有谁知道我如何在Bootstrap 4上做到这一点？对上述问题

2x3 table with bottom-right cell hidden/missing

一个用户创建上Copeply 2×3表。我将此代码用作模板。链接在这里：https://www.codeply.com/go/BYrG9NNd6e

总之，任何人都可以告诉我如何添加到此代码，以隐藏右下角单元格的外部边界？

我对编码很陌生。对任何基本错误抱歉。

谢谢。

Answer 1

在这种情况下，您不能使用table-bordered，因为它会在整个表格周围创建边框。您可以创建这样的自定义类...

.table-custom td, .table-custom th { 
    border:1px #eee solid; 
} 
/* remove border from bottom right cell */ 
.table-custom tr:last-child td:last-child { 
    border:none; 
} 

http://codeply.com/go/ZmMzQ1OHE5