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>
效果:
相关推荐
掘金安东尼31 分钟前
零 JavaScript 的性能优化视频嵌入
前端·javascript·面试
Filotimo_1 小时前
Vue 选项式 API vs 组合式 API:区别全解析
前端·javascript·vue.js
wuhen_n1 小时前
JavaScript 手写 new 操作符:深入理解对象创建
前端·javascript
前端 贾公子1 小时前
Vue3 业务组件库按需加载的实现原理(中)
前端·javascript·vue.js
温轻舟1 小时前
前端可视化大屏【附源码】
前端·javascript·css·html·可视化·可视化大屏·温轻舟
滕青山2 小时前
文件16进制查看器核心JS实现
前端·javascript·vue.js
wuhen_n2 小时前
JavaScript 手写 call、apply、bind:深入理解函数上下文绑定
前端·javascript
Jing_Rainbow2 小时前
【React-9/Lesson93(2025-12-30)】React Hooks 深度解析:从基础到实战🎯
前端·javascript·react.js
web打印社区2 小时前
web-print-pdf:专为Web打印而生的专业解决方案
前端·javascript·vue.js·electron·html
午安~婉2 小时前
构图跟拍相关
前端·javascript·拍照·虚拟列表