html table 表格内固定列的css实现

目标：不考虑使用UI组件，利用css和table标签实现表格前几列固定在左侧，其余内容水平滚动

实现方式:利用css 属性  position: sticky; 

首先查询一下使用场景浏览器是否兼容（下图），确保在需要的场景上支持 

sticky粘性定位，当父元素在视窗范围内该元素的定位不受影响，当页面滚动，父元素将要移出视窗范围时，定位会变成fixed。

根据这一特性，给表格内需要固定的列或行设置sticky属性并指定left、top、bottom、right即可实现