element 滚动条 自适应

本文讲解element ui table表格高度自适应屏幕大小变化，固定表头以及去除table表格滚动条，去除滚动条空白占位

本文将介绍如何通过自定义指令的方式实现 Element UI 表格的表头吸顶、表尾吸底、滚动条吸底以及高度自适应功能。

表格的高度实现自适应，并出现滚动条！ 一个页面布局，要求自适应。表格如果给了固定的高度，不同分辨率的显示器则会展示不一样，可能还会导致页面出现纵向滚动条。(下图右侧滚动条为表格滚动条，不是页面！！！)

分析如下图(此方案中使用的是ElementTable官网copy的代码(多用于OA,CMS,ERP这类系统中)如上图大体目前没有问题，但是存在细节问题那就是在table在滚动的过程中表头没有了如果说这

问题element是vue功能比较全的后台管理系统UI，但是已经不维护了，在一些细节上还是有一点问题，项目中遇到一点问题，如下图：当出现横向滚动条的时候，滚动条在下方，向右滑动的时候表头就看不到了解决

elementUI table fixed设置后遇到的问题&解决方法 table开启fixed功能后底部滚动条被覆盖 table开启fixed功能后，上下滚动行无法对齐

前言 在上一篇笔记中，我记录了用rem实现的自适应的需求。当实现了自适应后，发现了在窗口缩成小窗口时，用横向滚动条的时候，页面的头部因为用了绝对定位position:fixed，所以并不会随着滚动条而

内容高度自适应，如果超出就显示滚动条，滚动加载，但是我们平时设置flex布局时，通过flex：1给子组件设置内容高度自适应时，内容超出了但是滚动条出现了一些问题，加载高度不够，

项目使用了element-ui组件库，其中table使用得很频繁。在使用过程中，我发现，要使得表格自适应且表头固定，必须要传入height。由于table的高度不是一个固定的值，它会随着屏幕的大小而变化，这就导致了一个问题： 每增加一个表格，都必须写入以下内容： 具体实现可以参…