element ui 中的小破事

「已注销」

已于 2022-04-26 14:27:53 修改

阅读量1.3k

点赞数

文章标签： elementui

于 2022-04-26 14:26:05 首次发布

本文链接：https://blog.csdn.net/wsy666521/article/details/124426723

版权

博主分享了在前端开发中遇到的一个问题，即在使用Element UI的el-table组件时，设置了高度但滚动条未显示。经过排查，发现是因为表格宽度过大导致滚动条被挤出。调整表格宽度后，滚动条恢复正常。这是一个对于新手前端开发者常见的坑，博主希望通过分享避免其他人重蹈覆辙。

摘要由CSDN通过智能技术生成

el-table 滚动条神秘消失事件

因为最近公司需要所以不得不让我这个写java的来客串下前端了
作为培训机构刚出来半年的我突然让我去写前端也是很懵逼的

这是我在csdn记录的第一个我写出来的前端bug，发生的场景是这样的
我都给 el-table里面加入height了但是我得滚动条还迟迟不出来

 <el-table
        ref="multipleTable"
        :data="tableData"
        tooltip-effect="dark"
        style="width: 100%"
        @selection-change="handleSelectionChange"
        max-height="500"

我感觉很神奇，看别的文章又说改滚动条样式的也有说啥应该把height加到css样式里的都没解决我得问题。我一直思考
后来看着表格下划线比上面的长我就寻思是不是页面太大了滚动条被挤出去了。我一看哎呦我cao 还真是
然后把宽度改了, 哈哈哈出来了。这是我花两小时踩的坑。希望友友们不用再犯和我一样的错误了哦