html - 背景颜色是未填充行的扩展表列

Question

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

这是 JS Fiddle：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;
}