html table 表头不动,js实现表头不动,表格内容无限循环滚动

  • Post author:
  • Post category:其他


1d14f2920ce1f9db905876c6b84e8d9c.png

表头不动,只有内容无限循环滚动,代码如下:

html部分:

组织排名
组织名称
组织积分

css部分:

.table{

width: 100%;

}

.content {

width: 434px;

height: 182px;

outline: 1px solid #e5e5e5;

overflow: hidden;

}

.data-content tr:nth-child(odd){

background-color: #f6fafd;

}

.data-content tr:nth-child(even){

background-color: #ffffff;

}

.data {

height: 180px;

overflow: hidden;

}

.header {

line-height: 30px;