Css 设置固定表格头部，内容可滚动

  效果图： 实现这个效果主要用到了标签，来保证表格头部和内容的宽度一致。将头部 和,分别放?到两个div的标签下。并给表格内容所在的div 设置一个固定高度即可。
样式  calc(100% - 1em) 来给滚动条预留1em的宽度。   标签的属性定义：

属性	值	描述
span	数值	规定列组应该横跨的列数
width	像素大小 、占比%	规定列组合的宽度
align	left right center justify ..	规定列组合的垂直对齐方式

 

• 表格css样式

 

• 表格html代码

 

    

        

            
                
            
            

                

                    
序号
                    
名称
                    
性别
                    
年龄
                    
爱好
                
            
        
    
    

        
                @for (var i = 0; i < 20; i++)
                {
                
                }
            

            
                
            
            

                    
@i
                    
第 @i 梦
                    
@(i / 2 == 1 ? "女" : "男")
                    
@(i / 2 == 0 ? 18 : 19)
                    
无