Vue
password-u
向上向善!勇往直前!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue el-table 显示/隐藏列异常-表格数据域高度变小
在我们需要对表格的列做动态的显示/隐藏时,会遇到一个问题,那就是在某一列从隐藏到显示时,整个表格会闪烁,仔细观察会发现是表格的表头高度瞬间变大,然后又缩回去了,这就导致一个问题,表格数据域的高度会变小,经定位分析,问题原因总结如下:由于el-table表格的高度是根据当前表格数据域的空间,由内向外动态计算出来的固定值; 通过定位发现,在某一列从隐藏到显示时,表头的高度变大了(差不多两个表头的高度),此时留给表格数据域的高度则是减去两个表头的高度,然后剩余的高度; 而在表格数据域的高度...原创 2022-05-20 12:07:54 · 1840 阅读 · 0 评论 -
vue el-table 滚动条样式设置(谷歌、火狐)
对于el-table滚动条的样式,webkit(谷歌为代表)和 moz(火狐)的设置是不同的,因此需要分别进行设置。webkit(谷歌)// 滚动条大小设置::v-deep .el-table__body-wrapper::-webkit-scrollbar { /*纵向滚动条*/ width: 5px; /*横向滚动条*/ height: 5px;}// 滚动条滑块样式设置::v-deep .el-table__body-wrapper::-webkit-scrollb原创 2022-03-01 11:51:01 · 5356 阅读 · 1 评论 -
vue el-table 表格宽度无法缩小自适应
element 内部的table宽度是根据父级元素来计算的。当父元素是flex布局时,嵌套的子元素会有一个是固定的宽度。在浏览器拉升的过程中,父元素首先被拉升,因此嵌套的子元素也可以跟着拉升,但是当浏览器缩小时,由于父元素被子元素撑着,无法缩小,而子元素在父元素没有缩小的情况下也不会缩小,这就出现了父、子元素相互依赖的情况,从而导致table无法随着浏览器的缩小而自动缩小。解决办法: 给table的父元素设定相对定位,给table设定绝对定位,例...原创 2022-01-26 14:16:30 · 5852 阅读 · 4 评论 -
Vue el-element ui 清空表格选中记录
有两种方法:方法一:this.$refs.my_table.$refs.multipleTable.clearSelection()方法二:this.$refs.my_table.$children[0].clearSelection()其中 my_table 是 el-table 的ref原创 2021-12-02 20:50:35 · 10360 阅读 · 2 评论
分享