html table 滚动特效,html中表table行循环滚动例子

滚动表格

.table{

width: 100%;

left:30%;

border-collapse:collapse;

border-spacing:0;

}

.fixedThead{

display: block;

width: 100%;

}

.scrollTbody{

display: block;

height: 316px;

overflow: hidden;

width: 100%;

}

.table td {

width: 300px;

border-bottom: #333 1px dashed;

padding: 5px;

}

.table th {

width: 300px;

border-bottom: #333 1px dashed;

border-top: #333 1px dashed;

padding: 5px;

line-height:24px;

}

.table tr{

border-bottom: #333 1px dashed;

line-height:24px;

padding: 5px;

}

thead.fixedThead tr th:last-child {

color:#FF0000;

}

//先在table的最后增加一行，然后再把第一行中的数据填充到新增加的行中，最后