背景颜色没有填充行的扩展表列

Question

我有一个扩展的表，但只有两行数据。我希望将第一个列的背景着色到页面底部，但我不确定要这样做，尤其是因为没有行扩展表格。不知道是否有办法做到这一点，但将不胜感激任何帮助。

这里是JS小提琴：jsfiddle.net/5E24f/ 我想第1列的背景颜色扩展到页面的底部。

Answer 1

你可能做到这一点的唯一方法就是如果你确切知道你的第一列会有多宽。

http://jsfiddle.net/5E24f/4/

table.patientinfo:after { 
    content: " "; 
    background: orange; /* replace with your bg color */ 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    width: 17px; /* matches the width of your first column */ 
    z-index: -1; 
}