欢迎光临

我们一直在努力
当前位置:首页 > 编程技术 >

关于Element table组件滚动条不显示的踩坑记录

日期:
后台-插件-广告管理-首页/栏目/内容广告位一(PC)
后台-插件-广告管理-首页/栏目/内容广告位一(手机)
目录
  • 踩坑详情
    • 在多table切换的单个页面内
  • 处理办法

    踩坑详情

    在多table切换的单个页面内

    1、某些table的横向滚动条不自动显示,在手动调整窗体大小或者进行缩放操作时会恢复正常。

    如:

    2、某些table的横向滚动条显示在表格的中部位置,在在手动调整窗体大小或者进行缩放操作以及表格中数据条目增加js到滚动条位置时会恢复正常。

    如:

    处理办法

    看了一下github上有很多类似的issue,但貌似没有得到官方解决。

    所以暂且认为是个Bugpython

    • 情况1:
    • 经过简单测试,发现滚动条向上偏移的距离和表格的列数有关,列数减少到12列左右就可恢复正常。(P.S. 有很大的可能是列的总宽度和页面大小存在一定关系,这里说的12列是我所测试的特定环境下的合适值,由于时间原因没有深入研究,所以仅供参考)js
    • 情况2:
    • 也是简单测试,发现如果存在标题较长的列,发生了换行,如上所示的“标题很长很长很长的测试列”,就会出现前文所述的现象,处理方法是,增加该列的宽度,使其不需要换行,即可恢复正常。

    因为测试简单,也没有研究源码,所以得出的结论简单且武断。

    以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。

    后台-插件-广告管理-首页/栏目/内容广告位二(PC)
    后台-插件-广告管理-首页/栏目/内容广告位二(手机)
    后台-插件-广告管理-内容广告位三(PC)
    后台-插件-广告管理-内容广告位三(手机)

    相关阅读

    后台-插件-广告管理-内容广告位四(PC)
    后台-插件-广告管理-内容广告位四(手机)

    热门文章

    后台-插件-广告管理-侧边广告位一(PC)
    后台-插件-广告管理-侧边广告位一(手机)
    • HTML 表单组件实例代码

    • HTML 表单用于搜集不同类型的用户输入。下文通过代码给大家分享html 表单组件实例代码,感兴趣的朋友参考下吧 废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE
    • html2canvas 将html代码转为图片的使用方法

    • 转换代码到图片使用 html2canvas,这是一个非常著名的从浏览器网页截图的开源库,使用很方便,功能也很强大。 使用 html2canvas http:// html2canvas 的使用非常简单,简单
    • HTML网页中插入视频的方法小结

    • 现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、
    • HTML实现文本框只读不能修改其中的内容

    • 废话不多说了,直接给大家贴代码了,具体代码如下所示: <!--方法1:>http:// 当鼠标放不上就离开焦点 --> <input type="text" name="input1" value=http://www.cppcns.com/web
    • 移动端专用的meta标签设置大全

    • 前言 之前学习前端中,对meta标签的了解仅仅只是这一句。 <meta charset="UTF-8"> 但是打开任意的网站,其head标签内都有一列的meta标签。比如我们我们网站,但是自己却很不熟
    后台-插件-广告管理-侧边广告位二(PC)
    后台-插件-广告管理-侧边广告位二(手机)

    最新文章

    • 在Asp.net core项目中使用WebSocket

    • 今天小试了一下在ASP.NET core中使用websocket,这里记录一下: 在 Startup 类的 Configure 方法中添加 WebSocket 中间件。 app.UseWebSockets(); 它也可以传入一些参数 app.Us
    • Vue快速理解事件绑定是什么

    • 目录一、监听事件二、事件修饰符1、stop修饰符阻止事件冒泡2、capture修饰符3、self修饰符4、prevent修饰符5、键盘事件修饰符6、鼠标事件修饰符一、监听事件 监听事件一般
    • C#实现模拟ATM自动取款机功能

    • 目录(1)关于用户帐号的类:Account(2)关于银行数据库的类:BankDatabase(3)关于ATM屏幕显示的类:Screen(4)关于ATM键盘的类:Keypad(5)关于进钞、出钞口的类:DepositSlot(6)关于ATM
    • Java设计模式之抽象工厂模式浅析讲解

    • 1.介绍 当系统准备为用户提供一系列相关对象,又不想让用户代码和这些对象形成耦合时,就可以使用抽象工厂模式。 2.如何实现 1)抽象产品--Car 2)具体产品--BYDCar、TSLCar 3)抽象
    • 如何动态替换Spring容器中的Bean

    • 目录动态替换Spring容器中的Bean原因方案实现Spring中的bean替换问题动态替换Spring容器中的Bean 原因 最近在编写单测时,发现使用 Mock 工具预定义 Service 中方法的行为特
    • C#优雅的实现INotifyPropertyChanged接口

    • INotifyPropertyChanged接口在wpF或WinFrom程序中使用还是经常用到,常用于通知界面属性变更。标准写法如下: class NotifandroidyObject : INotifyPropertyChanged {
    后台-插件-广告管理-侧边广告位三(PC)
    后台-插件-广告管理-侧边广告位三(手机)