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>
效果:
相关推荐
爱学习的程序媛3 分钟前
【Web前端】Vue2与Vue3核心概览与优化对比
前端·javascript·vue.js·typescript
aiguangyuan1 小时前
React 18 源码解读(一)
javascript·react·前端开发
haofafa1 小时前
JavaScript性能优化实战
开发语言·javascript·性能优化
我叫张小白。1 小时前
TypeScript对象类型与接口:构建复杂数据结构
前端·javascript·typescript
O***p6041 小时前
JavaScript增强现实开发
开发语言·javascript·ar
墨客希2 小时前
如何快速掌握大型Vue项目
前端·javascript·vue.js
samroom2 小时前
langchain+ollama+Next.js实现AI对话聊天框
javascript·人工智能·langchain
Yanni4Night2 小时前
JS 引擎赛道中的 Rust 角色
前端·javascript
qq_366577514 小时前
Vue3创建项目,只能localhost访问问题处理
前端·javascript·vue.js
5***o5004 小时前
JavaScript云原生
开发语言·javascript·云原生