element ui Table组件内容自适应的情况下实现表头相对页面固定

一、element ui Table 只要在el-table元素中定义了height属性,即可实现固定表头的表格,而不需要额外的代码。此时有一个弊端,如果页面布局内容较多,会出现两个滚动条,一个table的一个页面的,我们的需求是页面高度随着数据数量而自适应撑开,而不是固定table视窗的高度
二、效果图对比如下:

element ui Table组件内容自适应的情况下实现表头相对页面固定_第1张图片
element ui Table组件内容自适应的情况下实现表头相对页面固定_第2张图片
三、实现步骤
1、首先监听页面滚动事件、因为滚动事件触发太过频繁我就带了500毫秒的节流


mounted() {
   
    window.addEventListener('scroll', this

你可能感兴趣的:(js,html,vue,css,js)