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>
效果:
相关推荐
一水鉴天1 小时前
整体设计 定稿 之24+ dashboard.html 增加三层次动态记录体系仪表盘 之2 程序 (Q208 之2)
开发语言·前端·javascript
二狗哈2 小时前
Cesium快速入门17:与entity和primitive交互
开发语言·前端·javascript·3d·webgl·cesium·地图可视化
GISer_Jing2 小时前
AI驱动营销增长:7大核心场景与前端实现
前端·javascript·人工智能
星光不问赶路人3 小时前
new Array() 与 Array.from() 的差异与陷阱
javascript·面试
T___T3 小时前
Vue 3 做 todos , ref 能看懂,computed 终于也懂了
前端·javascript·面试
cindershade3 小时前
JavaScript 事件循环机制详解及项目中的应用
前端·javascript
王霸天3 小时前
🚀 告别“变形”与“留白”:前端可视化大屏适配的终极方案(附源码)
前端·javascript
LYFlied3 小时前
Vue版本演进:Vue3、Vue2.7与Vue2全面对比
前端·javascript·vue.js
在掘金801103 小时前
RequireJS 详解
前端·javascript
cindershade3 小时前
我对防抖(Debounce)的一点理解与实践:从基础到立即执行
javascript