场景

ElementUI中el-table设置指定列固定不动,不受滚动条影响：

ElementUI中el-table设置指定列固定不动,不受滚动条影响_BADAO_LIUMANG_QIZHI的博客-CSDN博客_el-table固定列

给el-table设置fixed属性之后就可以使该列固定不动。

但是出现了错位的情况，每一行不对应。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

1、按照网上的解决方案以及官方文档的说明

table在数据请求后，渲染异常的问题，解决办法就是让table重新布局。

官方提供了doLayout方法。

按照这个方法在请求得到数据的时候，用nextTick对table的DOM重新渲染。

 this.$nextTick(() => {this.$refs.multipleTable.doLayout();// el-table加ref="multipleTable"});

试了下不生效，说明是别的问题。

2、查看了表格中的最后一列

发现该列的宽度设置的较低，内存已经越出，导致每行错位。将该列的宽度调宽。

恢复正常。

el-table中设置fixed固定列之后错位的奇葩原因相关推荐

[html] 如何给table中的某一列设置固定宽度
[html] 如何给table中的某一列设置固定宽度 table{ table-layout:fixed} table tr td:nth-child(n){width:100px} 个人简介我是歌 ...
Vue中el-table追加行后固定列滚动错位问题
Vue中el-table追加行后固定列滚动错位问题一.问题描述偶然发现一个问题,但是并没有找到解决方案,自己调试了两个多小时终于解决. 先贴出问题业务描述:在已查询完全部的符合条件的数据后,表格 ...
el-table中设置fixed后表格错位
el-table中设置fixed后表格错位表格错位图片代码表格错位图片图片: 错位原因: 在设置fixed后,横向的滚动条的高度没有占用设置了fixed属性列的高度,导致每次Y轴的滚动条滑动到 ...
Table中合并相同内容列+Excel中合并相同内容列。
Table中合并相同内容列的方法比较好办,网上代码也很多,参照了一些把它封装成jquery 插件,调用起来还是蛮好用的. 这个地方稍微修改了下,有的时候td中内容虽然一样,但是数据库中的value却是 ...
HTML表格选定区域自动求和,用Jquery选择器计算table中的某一列某一行的合计
利用Jquery选择器,计算table中的某一列,某一行的合计,非常方便.下面以计算行合计为例: 核心算法: $('#tableId tr').each(function() { $(this).fi ...
element table 合计第一行固定列
element table 合计第一行在这位大哥这里学来的, 但同时我这边的情况是: 固定高度, 第一列固定, 参数多, 因此, 这个方法不能够完全满足, 因此加入以下代码: 代码作用: 在每次获 ...
table中head表头固定，body滚动
转自:http://blog.csdn.net/hualele/article/details/52993315 <div style="width: 800px;"> ...
vue element 表格使用fixed固定列后切换菜单时错位问题
开发时由于列表数据项过多需要固定操作列,于是在操作列上加了fixed="right". 一开始没什么问题,但是在切换菜单时出现了错位现象后来找到问题,由于vue element- ...
oracle增加字段为主键自增_在 Oracle 中设置自增列
如果你经常使用 MySQL,你肯定对 AUTO_INCREMENT 非常熟悉,因为经常要用到它. 一.什么是自增列 ? 自增列是数据库中值随插入的每个行自动增加的一列.它最常用于主键或 ID 字段,这 ...

el-table中设置fixed固定列之后错位的奇葩原因

场景

实现

el-table中设置fixed固定列之后错位的奇葩原因相关推荐

最新文章

热门文章