1.固定前三行。
解决办法:使用两个table,第一个table只显示前三行,其余的隐藏,第二个table隐藏前三行,其余的都显示,这样就做到了固定
2.除了前三行固定,其余的都滚动。
解决办法:2-1.可以使用vue-seamless-scroll这个无缝滚动插件,本人测试过时可以使用的,有需要请看链接https://blog.csdn.net/tianbushengyinuo/article/details/108245275
解决办法:2-2.可以使用自定义的js滚动,因为我开发的这个项目是看板,功能是:当一个页面的表格滚动完后,要立刻请求另外的数据,所以要判断页面滚动到底部的时候,我网上找了很多,包括vue-seamless-scroll这个无缝滚动插件也没有判断滚动到底部的情况,所以本人使用了js原生来开发,下面讲解第二种方法
步骤1.html代码
border
:cell-style="{ textAlign: 'center', color: '#333333', fontSize: '34px', height: '100%', backgroundColor: '#E1F6FF' }"
:header-cell-style="{
textAlign: 'center',
color: '#000000',
fontWeight: '400',
fontSize: '40px',
height: '100%',
padding: '0px !important',
backgroundColor: '#EEEEEE'
}"
:row-style="getRowStyle"
resizable
:data="tableData"
>
{ { scope.row.dayTerm }}
{ { scope.row.groupType }}
{ { scope.row.groupName }}