分析
如下图(此方案中使用的是Element Table官网copy的代码(多用于OA, CMS, ERP这类系统中)
如上图大体目前没有问题,但是存在细节问题那就是在table在滚动的过程中表头没有了
如果说这里的列比较多,用户需要查看的数据在最后面,每次某个列的数据对应的是什么意思(尤其是表格数字比较多的话,非常恼火),需要上下来回滚动table 内容才能解决
所以说我们要解决的就是表头固定 ①(标记问题)
表头固定简单 官方提供prop => height,那继续看下图
我们的用户群在使用产品的过程中, 不可能说是固定用同样大小屏幕
假设我们这里设置了固定高度600px
那有些用户使用过程中 将窗口缩小了 不够600px
就会出现 table的body中一个滚动条 table外面的容器出现一个滚动条
还有就是有些用户使用的是大屏幕,很显然600px可能只占了他屏幕的一半,这里数据又多
就又出现新的问题,明明我屏幕可以显示完,产品这里只占了一半 然后开始滚动
所以新的问题高度如何设置,才能使我们适应各种用户②