el-table中设置max-height属性使其固定表头

场景

若依前后端分离版本地搭建开发环境并运行项目的教程:

若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客_若依前后端分离文档

在上面搭建项目的基础上,el-table显示列表以及选择20条显示时的效果如下

el-table中设置max-height属性使其固定表头_第1张图片

要实现当切换每一页的条数时,表头固定的效果如下

el-table中设置max-height属性使其固定表头_第2张图片

注:

博客:
BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客-C#,SpringBoot,架构之路领域博主
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

1、查看官方说明

el-table中设置max-height属性使其固定表头_第3张图片

可以直接设置height属性来使其表头固定

2、也可以使用max-height属性来设置表格最大高度,实现上面的效果

el-table中设置max-height属性使其固定表头_第4张图片

你可能感兴趣的:(Vue,vue.js,前端,javascript)