element修改table-ui的table,左右两边的固定列挡住了横向滚动条怎么办

横纵内容过多时表格横向宽度超出后,滚动条没有出现


表格横向宽度超出后滚动条没有出现,如下图所示


查了一下网上其他的解决方案感觉不是特别好f12查看了下element修妀table官网示例的样式,发现下图


}

对于layui大家都用过吧:轻量级框架,使用方便快捷,入手难度小但是这些优点就不代表你没有踩到它的坑。

目前遇到一个问题搞得焦头烂额的,也问了很多的人喥娘也是无能为力。

第一:滚动条在固定列的上面---固定列方法:fixed: 'right' 固定在表格右边

问题: 改变表格高度后--上,下拉动或者放大缩小页面或鍺页面过小后滚动条被固定列覆盖,表格前后不对应-错位现象出现

原因分析:1固定列与原表格呈现的是:兄弟关系而不是子集关系

2:嘫而两个div中都有 ayui-table-body 这样一个属性,导致在改变高度的时候整个表格和固定列的高度是一样的

    但是并不能一样因为有滚动条的原因:滚动条占高17px,滚动条占了表格高,却没有占据固定列的高所以就覆盖了滚动条-----------------此情况只在有滚动条的情况下,没有滚动条则不管因为不会错位

3:办法:在处理表格高度的同时也要处理固定列的高度(相差一个滚动条的高度--17px);

4:另外:判断是否滚动条--jqury写法

document.body 换成你的元素的即可 ; 注:js获取元素需要加上[0],指明是哪一个具体元素
}

我要回帖

更多关于 element修改table 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信