vxe table 虚拟滚动 表格每一行的高度不一致 出现空白

news2025/1/12 4:45:35

今天在做表格数据时,发现滚动表格会出现空白区域,如图所示

虚拟滚动表格每一行的高度不一致, 导致表格滚动时出现空白区域
vxe
然后在查阅资料时发现有设置:row-config="{height: 70}"这种 ,试过发现不行

以下这个不可行

<vxe-grid
	:row-config="{height: 70,isHover: true}"
>
</vxe-grid>

然后灵机一动发现直接给每一列设置固定高度不就行了嘛,结果还真的可以

vxe

看上图就看出来了,然后再次去上下滚动发现没有出现空白区域的现象了

/* // 触发虚拟滚动的样式 */
.vxe-table.size--small .vxe-body--column.col--ellipsis, .vxe-table.size--small .vxe-footer--column.col--ellipsis, .vxe-table.size--small .vxe-header--column.col--ellipsis, .vxe-table.vxe-editable.size--small .vxe-body--column {
    height: 90px;
}

可以 查看这里,也是笔者我解决的

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/75032.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

论文常用 | FineBI v6.0 新图表 | 箱形图

箱形图&#xff08;Box-plot&#xff09;又称为盒须图、盒式图或箱线图&#xff0c;是一种用作显示一组数据分散情况资料的统计图&#xff0c;因形状如箱子而得名。在各种领域也经常被使用&#xff0c;常见于品质管理。它主要用于反映原始数据分布的特征&#xff0c;还可以进行…

突破重围,攻“新”为上!凯里亚德与郁锦香酒店以创新势能获投资者青睐

近日&#xff0c;汇聚国内众多投资人的锦江酒店(中国区)品牌沙龙会烟台站顺利举行。本次沙龙活动以“齐风鲁韵 锦绘未来”为主题&#xff0c;锦江酒店(中国区)旗下众多优秀品牌共同亮相。凯里亚德酒店与郁锦香酒店在本次活动中向投资人展示了在如今复杂多变的酒店市场中如何以强…

载波层叠调制在多电平变换器及两电平变换器中的应用

1. 载波层叠调制在MMC中的应用 载波层叠调制在MMC中应用广泛。通过上下桥臂的调制波和多个载波进行比较&#xff0c;得到每个桥臂应该投入的模块数。如下图所示&#xff0c;上下桥臂各有4个模块&#xff0c;每个模块的电容电压是uc&#xff0c;直流侧电压是4uc。A相下桥臂的调制…

Qt 模型视图编程之 ItemDataRole

背景 Qt 中的模型视图架构是用来实现大量数据的存储、处理及其显示的&#xff0c;主要原理是将数据的存储与显示分离&#xff1a;模型定义了标准接口对数据进行访问&#xff1b;视图通过标准接口获取数据并定义显示方式&#xff1b;模型使用信号与槽机制通知视图数据变化。 Q…

C语言百日刷题第十四天

前言 今天是刷题第14天&#xff0c;放弃不难&#xff0c;但坚持一定很酷~ 临近期末&#xff0c;集中把模拟卷的编程题都刷一下 C语言百日刷题第十四天前言模拟题&#xff08;一&#xff09;1.设计程序实现比较两数大小2.排序成绩模拟题&#xff08;二&#xff09;1.求最大值…

力扣(LeetCode)138. 复制带随机指针的链表(C++)

模拟 第一趟遍历&#xff0c;在结点的右侧复制映射。第二趟遍历&#xff0c;复制 randomrandomrandom。第三趟遍历&#xff0c;将链表中的映射结点取出作为新链表。 初始链表如图①。 有必要说明&#xff0c;原结点如 111~555 &#xff0c;映射结点就是 1‘11‘~5‘55‘。 复…

学习笔记--截止12.9 CVAT使用方法、STCN代码使用方法、bitahub使用方法

CVAT使用方法&#xff08;12.5-12.7&#xff09; 对学长来说是一个标注数据集的好工具&#xff0c;但对我来说是个新的知识点 使用这个工具&#xff0c;我们要得到一张有蒙层的图片 然后CVAT的使用方法&#xff08;网上居然没有教程&#xff0c;&#xff0c;&#xff0c;官网的…

金山表单结果如何自动通知至钉钉

金山表单内置了丰富的模版&#xff0c;从表单、接龙、问卷、投票&#xff0c;可以满足你各种表单数据数据收集的需求。但是很多用户经常也会有一个痛点&#xff0c;通过金山表单收集的信息&#xff0c;如何才能实时通知企业微信/钉钉/飞书呢&#xff1f; 比如防疫登记、安全复工…

茶馆无线wifi短信认证方案

茶馆提供公共的无线wifi上网服务&#xff0c;需对用户进行实名认证。手机短信实名认证以其用户体验、综合成本等优势&#xff0c;成为茶馆无线上网认证的首选方案。 一、茶馆如何实现无线wifi短信认证 茶馆要实现访客无线上网短信认证功能&#xff0c;需要借助上网行为管理设备…

SuperMap云套件发布达梦工作空间数据

作者&#xff1a;John GIS云套件和经典版iServer一样可以发布DM数据&#xff0c;同样也和iServer一样需要引入DM依赖包&#xff0c;需要对云套件的ispeco-dashboard-api 和 gisapp-* 镜像进行补充DM依赖包&#xff0c;其补充DM主要有以下几个步骤&#xff0c;本文将通过ispeco-…

DX12_Mesh Shader Instance

之前我们介绍过DX12_Mesh Shaders Render&#xff0c;但是基于MeshShader我们能做的还很多&#xff0c;比如实例化和剔除&#xff08;视锥与遮挡&#xff09;&#xff0c;这也就直接解决了现在主流的GPU-Driven管线方法&#xff0c;是不是一举两得了&#xff08;毕竟MS就是变种…

【产品分析】amazon数据采集亚马逊数据分析评论分析竞品

哈喽&#xff0c;大家好&#xff01;这是写【产品分析】专栏的第三篇文章了&#xff0c;目前国内市场过于饱和&#xff0c;产品竞争压力较大&#xff0c;不少商家开始了海外淘金 采集介绍 通过观察国外平台蓝海关键词&#xff0c;发现Gun这类商品在平台较受欢迎。本文将采集呀…

热门的智慧养老产品有哪些?解读新政策后的超全资料整合

近年来&#xff0c;面对人口老龄化的压力&#xff0c;我国开始着重发展智慧养老。 工信部等部门联合制定了《智慧健康养老产业发展行动计划(2021—2025年)》&#xff0c;针对老年人群多层次、多样化的健康养老需求&#xff0c;重点围绕技术创新应用、加大产品供给、数据平台建…

【数据结构】深度剖析堆排序、TopK问题

文章目录 1、TopK问题 主要思路 程序代码 优越性 2.堆排序 主要思路 程序代码 时间复杂度 堆这个结构实际上还是很有用的&#xff0c;比如TopK问题。 现在有N个数&#xff0c;要求找最大的前K个。很多人会觉得&#xff0c;这不是很容易吗&#xff0c;排序然后取前K个即…

RabbitMQ之发布确认

目录 8.1. 发布确认 springboot 版本 8.1.1. 确认机制方案 8.1.2. 代码架构图 8.1.3. 配置文件 8.1.4. 添加配置类 8.1.5. 消息生产者 8.1.6. 回调接口 8.1.7. 消息消费者 8.1.8. 结果分析 8.2. 回退消息 8.2.1. Mandatory 参数 8.2.2. 消息生产者代码 8.2.3. 回调…

全国青少年软件编程(Scratch)等级考试二级考试真题2022年3月——持续更新.....

电子学会202203Scratch二级真题及参考答案 1.红框中加入哪个选项积木,不能阻止气球下落?( ) A. B. C. D. 正确答案:D 答案解析: 2.运行下列程序,会画出?( ) A.一条横的实线<

flex布局父项属性

flex布局父项属性 1、flex-direction设置主轴方向 源代码 主轴与侧轴在flex布局中&#xff0c;是分为主轴和侧轴两个方向&#xff0c;同样的叫法有&#xff1a;行和列、x轴和y轴 默认主轴方向就是x轴方向&#xff0c;水平向右 默认侧轴方向就是y轴方向&#xff0c;水平向下 属…

字节京东互联网大厂为什么使用 clickhouse

ClickHouse 开源于 2016 年&#xff0c;是一款开源列式存储的分析型数据库&#xff0c;相较业界 OLAP 数据库系统&#xff0c;其最核心优势就是极致的查询性能。它实现了向量化执行和 SIMD 指令&#xff0c;对内存中的列式数据&#xff0c;一个 batch 调用一次 SIMD 指令&#…

Android-实现View模糊效果

首先&#xff0c;关于在Android上绘图的一句话 在最基本的层面上&#xff0c;Android 上的可视元素&#xff08;如按钮、文本和其他 UI 或自定义元素&#xff09;通常是通过调用 Canvas API 绘制的&#xff0c;如 drawLine()&#xff08;&#xff09;、drawText&#xff08;&a…

从《100道光芒》到《可爱冠军的诞生》:湖南广电打响“参与式”电商突围战

每年的双11&#xff0c;都是各电商平台秀肌肉的比拼时刻。 在这场看不见硝烟的战场上&#xff0c;已经逐步分化成两大阵营&#xff1a;阿里、京东为首的货架电商&#xff0c;抖音为主的兴趣电商。在“人货场”偏向“人”的形势下&#xff0c;它们无一例外都在全力布局吸引“人…