👩💻 Join our community of thousands of amazing developers!
本文将介绍如何通过自定义指令的方式实现 Element UI 表格的表头吸顶、表尾吸底、滚动条吸底以及高度自适应功能。 背景 Element UI 的表格组件在使用时，如果表格内容过多，表格会出现滚动条，但是表头不会吸顶，表尾合计行也不会吸底，这样在表格内容过多时，表头和表尾合计行就会被遮挡，如果有横向滚动条，每次想滚动必须滑动到最底下，这一系列痛点，非常影响用户体验。 Element UI 的解决办法：通过设置 max-height 或者 height 属性来实现上述需求。 Element UI 的解决不足点：高度值只支持设置数字型，在实际开发中往往需要借助 JS 来计算。 为了解决以上痛点/需求，减少开发和维护成本，于是我开发了 el-table-sticky 插件，在线示例。 el-table-stick https://github.com/Lruihao/el-table-sticky 如果你觉得这个插件还不错，赏个 star 吧 😛，如果你有更好的实现方案，欢迎提 issue 或者 PR。 解决思路 el-table-sticky 插件从两个不同的角度解...