|
<div class="scrollstyle"></div>
<el-table></el-table>
.scrollstyle, /deep/.el-table__body-wrapper{
overflow:auto;
-ms-overflow-style: none;//IE
scrollbar-width: none;//火狐
scrollbar-color: transparent transparent;
&::-webkit-scrollbar{width: 0;height:0;}//chrome 和Safari
}
/deep/.el-table th.gutter{width: 0;}
/deep/.el-table colgroup col[name='gutter']{width: 0;}
/deep/.el-table__body{width: 100% !important;} //el-table 纵向滚动条 隐藏后占宽度
/deep/.el-table__fixed-right-patch{width: 0 !important;}
/deep/.el-table__fixed-right{right:1px !important;}
div隐藏滚动条 红色部分
.scrollstyle{
overflow:auto;
-ms-overflow-style: none;//IE
scrollbar-width: none;//火狐
scrollbar-color: transparent transparent;
&::-webkit-scrollbar{width: 0;height:0;}//chrome 和Safari
} el-table 无固定列 蓝色部分
/deep/.el-table__body-wrapper{
overflow:auto;
-ms-overflow-style: none;//IE
scrollbar-width: none;//火狐
scrollbar-color: transparent transparent;
&::-webkit-scrollbar{width: 0;height:0;}//chrome 和Safari
}
/deep/.el-table th.gutter{width: 0;}
/deep/.el-table colgroup col[name='gutter']{width: 0;}
/deep/.el-table__body{width: 100% !important;} //el-table 纵向滚动条 隐藏后占宽度 el-table 右侧有固定列 蓝色部分+下面两行 /deep/.el-table__fixed-right-patch{width: 0 !important;}
/deep/.el-table__fixed-right{right:1px !important;} //右侧距离可根据实际情况修改
|
