今天遇到一个问题:ie11下,循环的多个el-table,每列设置的固定宽度width='100'失效。 分析原因:可能是由于el-table表格在循环时,ie下table表格的宽度没有值,不能根据具体的宽度,设置每列的宽度。 (以上自己瞎分析,出错勿听) 解决思路和代码: 1.获取一个table表格元素 2.使用window.getComputedStyle方法返回table...
问题原因:el-table组件的宽度是动态计算的,源码中resize事件绑定在this.$el上,flex容器下的width:100%会一直向上继承,直到flex容器下第一级子元素,但是当某个子元素的宽度出现固定值并且大于flex伸展的宽度的时候,那么容器就不会收缩,也就触发不了resize事件了。(源码见resize-event.js) 解决方案: // html<divcl...
width:`${column.width}px`, width配置时支持string的,看起来组件解析了字符串,只保留了数字,我传10rem,变成了10px,50%变成了50px 这是不合理的 通过查看源码,我觉得这里应该给需要支持rem的人留条活路,改一改吧,让字符串可以透传。。 github-actionsbotcommentedAug 23, 2024 ...
], tbTitle: [{name: 'nodeName', label: '名称', width: '180', checked: true}, {name: 'resultText', label: '项目结果', width: '', checked: true}, {name: 'resultUnit', label: '单位', width: '100', checked: true}, {name: 'refRange', label: '参考值', width: '160', c...
el-table表格中使用el-popover打开和关闭失效的问题及解决过程 在element-ui 中 el-table 中使用Popover弹框 <el-table-column> <template slot-scope="scope"> <el-popover placement="bottom"title="更多"width="100"trigger="click":ref="`popover-${scope.$index}`"> ...
// 这个方法就用到了scrollbarWidth,当el-table设置height为固定高度时,el-scroll-wrap的100%和固定高度一样,导致margin-bottom失效,这里直接把el-scroll-wrap的高度算好,是el-table固定高度加上滚动条宽度 bodyScrollWrapHeight() { const { headerHeight = 0, bodyHeight, footerHeight = 0} = this.layout;...
这里直接引用官方的基础使用模板,直接抄过来(✪ω✪),下面代码中主要是抽离html部分,可以看出每个el-table-column中都含有prop、label、width属性,只不过这些属性值不太一样罢了,其余的部分都差不多一样,所以表头(表格每列el-table-column的定义)这里可以封装一下,把不同的地方封装成一个数组对象结构,然后通过fo...
您需要允许.content收缩,然后添加min-width:0或overflow:hidden,这样它的大小是在其父对象内部的屏幕上计算的,以便溢出作用于子对象: .content { flex: 1 1 auto;/* updated*/ background: green; min-width:0;/* added */} .flexContainer { display: flex;}.sidebar { flex: 1 0 auto; min-width:...
<el-link type="primary" style=" display: block;width: 100%;position: absolute;top: 0;bottom: 0;" :underline="false" slot="reference"></el-link> </el-popover> </template> </el-table-column> //@color-primar: your theme color ...