Question

我在div里面有一张桌子我的代码：https://jsfiddle.net/2cg29xLc/

HTML

div {
    width: 99%;
}
table {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
thead tr:nth-child(odd) {
    background-color: #FFC0CB;
}
tbody tr:nth-child(even) {
    background-color: #FFC0CB;
}

CSS

    $('.toggle').click(function(){
      $('aside').slideUp();
      $(this).find('aside').slideToggle();
      e.stopImmediatePropagation();
    });

我的情况：
我想扩展表格的背景颜色AND边框以匹配div的宽度看起来像这样： https://jsfiddle.net/2cg29xLc/7/

我的头痛：
我无法设置表格的宽度：99％
因为设计要求列具有自己的宽度，并且所有列都保留在左侧。

我偶然发现了Make background for table rows extend past the bounds of the table
但我无法使用我的代码，也许是因为我没有使用引导程序。

非常感谢任何帮助。

Answer 1

根据我的理解，您希望最后一列填满表格的剩余空间，我是否正确？在这种情况下，您可以使用以下代码定位最后一列并对其应用100％宽度：

th:last-child{
    width:100%;
    text-align:left;
}

这是小提琴：https://jsfiddle.net/xundqddc/1/

在div中展开表背景颜色

1 个答案: