css - 向下滚动表格时，第一行的底部边框消失

Question

我需要专家的帮助。

如何在以下小提琴中修改代码：http: //jsfiddle.net/JDn7j/或 css 以更正表格向下滚动时底部边框消失。我猜为了保持一致性，应该只删除 2 行的顶部边框。

我该怎么做呢？

<style type="text/css">
div.scrollTableContainer thead tr   {
    top: expression(offsetParent.scrollTop);
    left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : -1+"px");
}
table.dataTable {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
}
table.dataTable th {
    margin: 0;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    font-weight: normal;
    padding: 4px 3px 3px 4px;
    background: #ccc;
    font-weight: bold;
}

table.dataTable td {
    margin: 0;
    border-right: 1px solid #999;
    border-top: 1px solid #999; 
    padding: 2px 3px 3px 4px
}


div.scrollTableContainer {
    height: 285px;  
    overflow: auto;
    width: 900px;
    margin: 15px 0 0 0;
    position: relative;
}


div.scrollTableContainer table {
    width: 952px;
}

div.scrollTableContainer thead tr   {
    position:relative;
}

div.scrollTableContainer td:last-child {padding-right: 20px;}

</style>

Answer 1

你想要一个一致的底部边框吗？假设我正确理解你的问题......

将border-bottom：1px纯黑色添加到容器并从最后一行删除border-bottom。th:last-child {border-bottom: 0 }