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>
效果:
相关推荐
打瞌睡的朱尤16 小时前
Vue day10 完整购物网页(登录页,首页,搜索)
前端·javascript·vue.js
扶苏100217 小时前
深入理解 Vue 3 的 watchEffect
前端·javascript·vue.js
yanlele19 小时前
AI Coding 时代下, 关于你会写代码这件事儿, 还重要吗?
前端·javascript·ai编程
打瞌睡的朱尤20 小时前
Vue day9 购物车,项目,vant组件库,vw,路由
前端·javascript·vue.js
cc.ChenLy1 天前
【CSS进阶】毛玻璃效果与代码解析
前端·javascript·css
西门吹-禅1 天前
node js 性能处理
开发语言·javascript·ecmascript
一只大侠的侠1 天前
React Native for OpenHarmony:日期范围选择器实现
javascript·react native·react.js
EstherNi1 天前
仿照elementui写图片放大的案例,但多加了下载按钮,vue3
javascript·vue.js·elementui
一只大侠的侠1 天前
React Native for OpenHarmony:DatePicker 日期选择器组件详解
javascript·react native·react.js
JosieBook1 天前
【Vue】15 Vue技术——Vue计算属性简写:提升代码简洁性的高效实践
前端·javascript·vue.js