當(dāng)vue通過span-method合并列之后，出現(xiàn)的合并列顯示在中間位置，但是如果頁面沒有分頁，如何進(jìn)行展示呢，難道要滑到最下面去看嗎，下面我們來根據(jù)鼠標(biāo)滑動(dòng)跟隨展示
沒有處理的合并頁面

<template>
<el-table:data="tableData":span-method="objectSpanMethod"borderstyle="width: 100%; margin-top: 20px"><el-table-columnprop="id"label="ID"width="180"></el-table-column></el-table>
</template>

處理之后的合并頁面

 <el-table-columnprop="id"label="ID"class-name="ssi-col"width="180"><template slot-scope="props"><div class="ssi-info"><span >{{ scope.row.id }}</span></div></template></el-table-column>

理論上是
給td層加height:1px,給cell加visible之類，給內(nèi)部span加position：sticky
css樣式如下

 <style long="scss">
.ssi-col {height: 1px;
.cell {position: relative;height: 100%;overflow: visible;
}.ssi-info{position: sticky;top: 45%;
}
}

結(jié)束