element-ui 表格组件设置最大高度后 宽度无限拉长问题
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
table表格中的属性是可添加的所以需要给table添加一个滚动条 所以就做了如下操作:
.el-table {
width: 100%;
>>> .el-table__body-wrapper {
max-height: 300px;
}
}
更改过后就出现了表格宽度无限拉长的情况;
检查后发现造成这样的原因有两个:
一个是由于父级元素为flex布局,
另一个问题是没有给table表格添加一个高度 只是给他的子级组件.el-table__body-wrapper添加了最大高度,
这两个更改一个就能解决问题
所以我就给我的组件table上添加了一个最大高度
这个问题就解决了(我尝试了下样式不内嵌的话还是会出类似的问题、应该跟页面的执行机制相关吧)
希望能给遇到类似情况的小伙伴带来帮助;
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)