0

これについては専門家の助けが必要です。

次のフィドルでコードを変更するにはどうすればよいですか：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>
4

1 に答える 1

0

一貫した下枠が必要ですか? あなたの質問を正しく理解していると仮定すると...

border-bottom: 1px solid black をコンテナーに追加し、最後の行から border-bottom を削除します。th:last-child { border-bottom: 0 }

于 2013-01-08T23:13:46.430 に答える