当前位置: 首页 > article >正文

Ant Design Vue 中的table表格高度塌陷,造成行与行不齐的问题

前言:

        Ant Design Vue: 1.7.2
        Vue2
        less

问题描述:

        在通过下拉框选择之后,在获取接口数据,第一列使用了fixed:left,就碰到了高度塌陷,查看元素的样式结果高度不一致,如:

第一列的高度和第二列的高度相差8px,所以就出现这个情况。

解决办法:

        我是在style标签中加上了固定高度,根据自己内容情况设置高度,我设置的65px并解决该问题。

/deep/ .ant-table-tbody tr {
  height: 65px !important;
}

可以看出设置完之后已经对齐!


http://www.kler.cn/a/612727.html

相关文章:

  • 日记:实际开发中git的常用命令
  • 搭建私人对外git空间
  • 详细介绍Spring MVC的执行流程是怎么样的?
  • 基于物联网的新房甲醛浓度监测系统的设计(论文+源码)
  • 阿里云数据学习20250327
  • Unity 运行时更换Animator状态里的动画剪辑
  • SpringBoot集成kafka极简教程
  • 第4.1节:使用正则表达式
  • vue中使用threejs的加载纹理没有效果
  • 自定义minshell
  • Sa-Token核心功能解剖二( Session会话、 持久层Redis扩展 、全局侦听器 、全局过滤器、多账号体系认证、单点登录)
  • UniApp和微信小程序中v-switch夜间模式动画开关
  • Vulnhub:Digitalword.local: FALL靶机渗透
  • 【科研绘图系列】R语言绘制PCA与变量的相关性散点图(scatter plot)
  • Git回退文件到指定提交
  • C++多线程编程简介
  • NetMizer-日志管理系统-远程命令执行漏洞挖掘
  • 经典优化算法:遗传算法(Genetic Algorithm, GA)
  • Python正则表达式(二)
  • docker中安装 python