当前位置:   article > 正文

element table滚动条占宽度_2018-05-18 记一次element-ui配置化table组件的适应性问题(横向滚动条)...

el-table 滚动栏宽度设置

本来想在 jsfiddle 重现下的,结果没有成功,就给大家看截图吧

截图

vue版本:2.5.3

element-ui版本:1.4.13

浏览器:chrome 66.0.3359.170

大家可以发现,固定了高度的 table 不仅出现了纵向滚动条,横向滚动条也出现了(只能滚动一点点),其实宽度是足够显示的。

有一点和#78相似,我的 table 也是配置化的,表头和内容都是作为属性传过去,可能导致表格在初次渲染时宽度计算不准确,导致最后宽度超过了 2px(经查验是 border 的宽度);但解决方案不适用,一方面项目采用的是 cdn 加载方式,另一方面我尝试了 1.4.13 版本和解决方案的 1.0.1 版本代码结构不一致,而我对 element 组件不了解无从下手,所以我尝试自己去解决。

先贴上我配置化table的代码,便于后面查阅

{ {row[value]}}

{ {row[value] | filterData(options.filter)}}

import Pagination from 'FORM/Pagination'

import {formatTimestamp} from 'UTILS'

export default {

props: {

isLoading: {

type: Boolean,

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/850888
推荐阅读
相关标签
  

闽ICP备14008679号