检查是否有其他UI元素(如滚动条、导航栏等)遮挡了el-table的部分内容。可以通过浏览器的开发者工具(通常可以通过按F12打开)来检查和调整元素的布局。调整列宽或行高: 如果表格的列宽或行高设置不当,可能会导致内容显示不全。你可以尝试调整这些属性以适应内容的大小。 对于动态内容的表格,可以考虑使用flex布局或设置...
如果表格出现了滚动条会触发reset就会显示正常,改变浏览器大小触发reset也能显示正常 原因是因为合并单元格的父单元格 使用this.$refs.table.doLayout()重新布局就可以解决
方法1、在el-table上手动添加滚动条 1、在el-table上方添加一个div,div的宽度和表格的宽度相同。 <div ref="topScroll" class="top-scroll"> <div class="top-scroll-content" :style="{ width: topScrollWidth }"></div> </div> <el-table ref="tableRef" :data="list" v-loading.body="listLoad...
源码实现就有问题,这样会导致右侧滚动和表内容有时差。建议用position右吸附样式做右侧的固定区域 3年前 16 分享 回复 展开5条回复 浪漫٩(❛ัᴗ❛ั⁎) ... 好评,虽然不知道eltable是什么,但是解决方法是真棒 2年前 1 分享 回复 南仔 ...
简介:解决el-table中横向滚动条无法显示的问题 前言 之前在做项目的时候,突然发现el-table在使用的过程中遇到了一些问题,在整常情况下如果列表元素过长那么就会显示一个横向的滚动条,但是我的滚动条莫名其妙的消失了,最后解决了,所以记录一些解决的方式。
需要注意的是,如果table存在滚动条,就会打印不全了,调整好列宽即可,打印效果图如下 附上全部代码: 1<template>2<div>3<el-card shadow="never" >4<el-button v-print="printObj">nb打印</el-button>5<el-button @click="onPrint">printJs打印</el-button>6<table ref="printId" id="printId" cellsp...
1、问题:el-table的合计行在横向滚动条下方 之所以会这样,是因为此时的横向滚动条为内容的横向滚动条(或者说表头、表内容和表尾三合一)。 2、解决办法 通过f12可以看到el-table的最外层表头类名为:.el-table__header-wrapper;最外层表内容的类名:.el-table__body-wrapper;(合计行位于表尾)最外层表尾的类名...
工作中用到的el-table显示大批量数据的时候,一页放不下,一般性的处理方案是限定了高,让表格固定表头之后内部可以滚动,不过因为实际操作中样式的问题,需要我把整个表格高度全部显示出来,这样就造成了一个问题,就是横向滚动不方便 不过作为mac用户已开始没啥感觉,但是被用windows的同事吐槽了好久,于是终于决定花半天时...
问题: 此时,右侧商务标和基数表是动态循环出来的,左侧固定表头常规写法,如果这样写会出现一下问题 表格宽度超出,底部滚动条不会出现,表头显示不全的样式问题 解决方法: 前面固...