1、由于固定列导致数据的最后一行点击展开后显示不全类似被 overflow:hidden 一样 2、表格内容使用了element table 的插槽,插槽内使用的自定义组件 <el-table-columnprop="startState"label="开工情况"width="110":align="center":height="fixedColumnHeight"><templateslot-scope="scope"><cpnRow:rowData="scope...
产生原因: el-table底部有滚动条,固定列底部没有滚动条 解决办法: 在el-table的表格中设置padding-bottom的内边距跟滚动条等高 参考: el-table 设置fixed导致行错乱问题
一、先看解决方案: 1、只修改当前页面样式: 给table设置class="tableClass" 在样式中: <style lang="less" > .tableClass { .el-table__fixed-right { height: 100% !important; //设置高优先,以覆盖内联样式 } } </style> 2、直接用table的class,修改项目中所有表格此问题 <style lang="less" > ....
原因: 某一列加了fixed操作后,固定列出现高度变小的情况,导致显示不全; 固定列的这个DOM元素是独立于表格体的,给该列设置任何class或style是无法添加在固定列这个DOM元素上的 解决办法: 这个高度需要动态计算,所以加一个样式去覆盖这个 在<el-table>标签添加一个class=“tableClass” 增加css代码 .tableClass{ ::...
给el-table设置fixed属性之后就可以使该列固定不动。 但是出现了错位的情况,每一行不对应。 注: 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 1、按照网上的解决方案以及官方文档的说明 table在数据请求后,渲染异常的问题,解决办法就是让table重新布局。
data.taskId = this.taskId; selectTaskProductDataListNew(data).then((res) => { if (res.code === 200) { this.tableDataDetails = res.data.tableData; this.tableHeadDetails = res.data.tableHead; // 发生错位的原因,是由于table在数据请求后,渲染异常的问题;因此,解决办法就是让table重新布局。
el-table的fixed固定列属性导致数据错位 发生错位的原因:table在数据请求后,渲染异常的问题,解决办法就是让table重新布局。 这里官方提供了doLayout方法,来解决重新布局的问题 (不过好像不适合表尾合计的table,我之前初步尝试过,但是发现有表尾合计行的还是会有点奇怪,所以有表尾合计的暂时放弃了,改用后端合计)...
行对不齐,总是差一个横向滚动条的高度,那我们就补上这个高度。 .el-table__body-wrapper { &::-webkit-scrollbar { height: 11px !important; } } .el-table__fixed-body-wrapper .el-table__body { padding-bottom: 11px !important; }
问题原因:多个tabs共用一个实体,动态显示隐藏列 出现了固定在右侧的列(fixed="right")错位 【解决方案】 表格的重新布局,只要table数据发生变化的时候就重新渲染表格 代码语言:javascript 代码运行次数:0 复制Cloud Studio 代码运行 this.$nextTick(() => { this.$refs.formname.doLayout() }) 参考element官方文...