解决el-table固定列在ios系统出现的问题

最近在做适配的时候，发现el-table在ios系统上展示出现了问题–固定列应该是隐藏掉的，但是在IOS系统上面隐藏的样式不兼容，建议大家以后做隐藏处理不要用visibisity，这个属性对于ios是不兼容的。
找了很多方式都不可行最后是用设置宽度来解决的，实在是没有别的办法了，代码在下面：
在公共样式里面写入以下代码：

.el-table {tr {td.is-hidden:first-child > *{width: 10px;white-space: nowrap;overflow: hidden;}}
}

以下图片为展示情况，做了马赛克处理（避免不必要的一些麻烦），大家将就看。如果有更好的办法欢迎大家留言呀！！！

解决el-table固定列在ios系统出现的问题相关推荐

解决elementui table固定列的时候，滚动条被遮挡无法拖动的问题
当我们使用element table,有时我们需要部分的列固定,我们就给列添加了 fxied属性,但是这时候你会发现table的横向滚动条根本拖不动,只能在固定列外面靠点击来让它过来. 查找原因你会 ...
el table 固定表头和首行_el-table表头根据内容自适应，解决表头错位和固定列错位（完美解决）...
将代码复制到指令中即可使用.通过指令方式进行调用.(使用方式 ) 通过计算文字的宽度进行表头设置,其他内容无法计算. 5000个单元格以上根据实际情况使用以上根据实际情况使用,因为单元格越多,计算时间 ...
bootstrap table固定列导致复选框失效的解决方法
//获取选中多行数据 function getSelectedRow_st() {//解決固定列导致选择复选框选不中的问题//首先判断表格是否为固定列表格,使用bootstrapTable('getO ...
Bootstrap Table固定列及IE11兼容性问题解决
最近项目的前端用的是bootstrap,用Bootstrap Table做的表格显示.有一部分表格比较特殊,需要实现固定前面几列,后面的拖动.给的原型是用的superTable实现的,整合进项目用Bo ...
Element - table固定列页面数据过多滚动时显示问题
背景:使用el-tabe设置右侧固定列 fixed="right",没有设置表格固定高,数据过多时滚动table会出现如下情况: 代码如下: <el-table :data= ...
html表格横向竖向滚动,利用纯css实现table固定列与表头中间横向滚动的思路和实例...
前言最近在做的后台管理系统要处理大量的表格,因为原项目是采用的for循环加拼接字符串的方式实现;导致js代码一大堆;各种单引号和双引号的嵌套;让人头疼;遂引入vue.js;用v-for做模板渲染;工 ...
table固定列html5,css+js简单实现table固定首行首列
说明: 使用easyui等都可以实现table固定首行首列的功能. 但仅仅只需要这一个功能,完全可以用css+js简单实现而不用引入更多工具. 网上找到很多的思路,自己对其中比较简单的一个进行了整理. ...
Table固定列和表头
一.实现思路:表格数据中存在合并单元格,网上找了好多列子都没有实现.最后是把一个table拆分为两个table实现的,第一个table(table1)中是需要固定的列及表头(表头只固定前四列和时段流量 ...
解决Fiddler、Charles抓包iOS系统手机无法连接网络问题
找了一圈,我的iOS手机联网问题没解决,发现了这个原因. 一.iOS系统手机在Charles或者Fiddler设置代理,且下载证书后,需要点击手机二.步骤如下: 通用->关于本机->翻到 ...

解决el-table固定列在ios系统出现的问题

解决el-table固定列在ios系统出现的问题相关推荐

最新文章

热门文章