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

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;
}

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

相关文章:

  • 测试用例生成平台通过大模型升级查询功能,生成智能测试用例
  • 为AI聊天工具添加一个知识系统 之150 设计重审 之15 完整方案及评估 之2
  • 搭建一套正版上门按摩小程序需要具备哪些功能?
  • 预编译能否 100%防 sql 注入?
  • 解锁智能制造新体验:兰亭妙微 UE/UI 设计赋能行业变革
  • How to connect Internet wifi on vmware for Win11 installation?
  • 蓝桥杯题型分布2
  • 【Gobuster 详细使用教程】
  • 力扣hot100_二分查找
  • 如何 编译 px4
  • 乐仓VUE常用点
  • 工具介绍《WireShark》
  • 结构型设计模式
  • Linux cma预留内存使用与理解
  • “产业大数据”区域产业经济发展的新引擎!
  • dbeaver连接mongodb 插入日期变成了字符串
  • 希尔排序:算法原理与应用解析
  • 云端存储新纪元:SAN架构驱动的智能网盘解决方案
  • 机器学习实战之数据预处理、监督算法、无监督算法、模型评估与改进-思维导图拆分篇
  • Verilog 中寄存器类型(reg)与线网类型(wire)的区别
  • 证券时报:“好房子”标准即将全面落地,购房者有哪些新期待
  • 十四届全国人大常委会第十五次会议继续审议民营经济促进法草案
  • 第五届全国医院人文管理路演在昆山举办:患者体验才是温度计
  • 校长套取学生伙食费设小金库,重庆通报6起违反八项规定典型问题
  • 商务部:将积极会同相关部门加快推进离境退税政策落实落地
  • 知名计算机专家、浙江大学教授张森逝世