使用uniapp框架写一个可固定行与列的表格(小程序)

1,145 阅读1分钟

背景:单纯使用scroll-view无法同时监听横向 + 纵向的滑动,因此只能固定列或者固定行某一个

解决问题的中心思想则是使用display:table的view标签来代替scroll-view,然后在需要固定的行与列中使用 position:sticky 加上top与left的值从而实现固定

clipboard.png

clipboard2.png

clipboard3.png

clipboard4.png