uView ui 1x uniapp 表格table行内容长度不一导致高度不统一而出现的不对齐问题

问题

因为td单元格内空长度不定导致行单元格未对齐

解决:

重置td的高度:height:100% 改为height:auto !import

  <u-table>
          <u-tr v-for="(item,index) in Lineinfo.Cust_Name" >
            <u-td style="height: auto !important;background-color: #bfc;">33</u-td>
            <u-td style="height: auto !important;background-color: #bfc;">{{ Lineinfo.plantime[index].split('T')[1] }}</u-td>
            <u-td style="height: auto !important;background-color: #bfc;">
              <u-button size="mini" :custom-style="btnCustStyle" :hair-line='false'>删除</u-button>
            </u-td>
          </u-tr>
        </u-table>
效果:
相关推荐
is今夕1 小时前
postcss.config.js 动态配置基准值
javascript·vue.js·postcss
青茶绿梅*21 小时前
500字理透react的hook闭包问题
javascript·react.js·ecmascript
前端御书房1 小时前
Pinia 3.0 正式发布:全面拥抱 Vue 3 生态,升级指南与实战教程
前端·javascript·vue.js
NoneCoder2 小时前
JavaScript系列(84)--前端工程化概述
前端·javascript·状态模式
Ranye1233 小时前
从 JS 到 Dart:语法基础
javascript·flutter·dart
拉不动的猪4 小时前
刷刷题17(webpack)
前端·javascript·面试
烂蜻蜓4 小时前
深入理解 Uniapp 中的 px 与 rpx
前端·css·vue.js·uni-app·html
狂团商城小师妹4 小时前
智慧废品回收小程序php+uniapp
大数据·微信·微信小程序·小程序·uni-app·微信公众平台
Ama_tor4 小时前
网页制作06-html,css,javascript初认识のhtml如何建立超链接
javascript·css·html