郑州网站建设知识分享,自建网站需要什么手续,网站维护中,好玩的网页游戏排名当vue通过span-method合并列之后#xff0c;出现的合并列显示在中间位置#xff0c;但是如果页面没有分页#xff0c;如何进行展示呢#xff0c;难道要滑到最下面去看吗#xff0c;下面我们来根据鼠标滑动跟随展示 没有处理的合并页面
template
el-table:dat…当vue通过span-method合并列之后出现的合并列显示在中间位置但是如果页面没有分页如何进行展示呢难道要滑到最下面去看吗下面我们来根据鼠标滑动跟随展示 没有处理的合并页面
template
el-table:datatableData:span-methodobjectSpanMethodborderstylewidth: 100%; margin-top: 20pxel-table-columnpropidlabelIDwidth180/el-table-column/el-table
/template处理之后的合并页面 el-table-columnpropidlabelIDclass-namessi-colwidth180template slot-scopepropsdiv classssi-infospan {{ scope.row.id }}/span/div/template/el-table-column理论上是 给td层加height:1px,给cell加visible之类给内部span加positionsticky css样式如下 style longscss
.ssi-col {height: 1px;
.cell {position: relative;height: 100%;overflow: visible;
}.ssi-info{position: sticky;top: 45%;
}
}结束
