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>
效果:
相关推荐
黄同学real2 小时前
uni-app 真机调试:手动代理环境下访问内网 API 的解决方案
uni-app
MageGojo2 小时前
做节日活动页时,如何用 API 快速生成对联内容
javascript·python·节日·对联生成
向上的车轮2 小时前
Next.js 入门指南:从零到一构建全栈应用
开发语言·javascript·ecmascript
freeinlife'2 小时前
精准秒表计时器实现---基于js
开发语言·前端·javascript
Hoshizola3 小时前
uniapp与蓝牙设备连接详细步骤
前端·uni-app
优雅格子衫3 小时前
uniapp 拍照相册选取后超级好用的裁剪组件,增加水印完全自定义
开发语言·前端·javascript·uni-app·vue
AI砖家3 小时前
前端 JavaScript 异步处理全方案详解:从回调到 Observable
开发语言·前端·javascript
路光.3 小时前
uniapp中解决webview在app中调用,有过渡空白问题,增加过渡动效
uni-app·vue·app·uniapp
柒和远方3 小时前
每日一学V010: 从 Python 回到前端:一个 AI Native 开发者的 JavaScript 底层基础补全
javascript
之歆3 小时前
Day21_电商详情页核心技术实战:从LESS预处理到复杂交互实现
开发语言·前端·javascript·css·交互·less