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>
效果:
相关推荐
星离~5 小时前
Vue响应式原理详解:从零实现一个迷你Vue
前端·javascript·vue.js
2501_916008895 小时前
手机抓包app大全:无需root的安卓抓包软件列表
android·ios·智能手机·小程序·uni-app·iphone·webview
一只小阿乐6 小时前
react 中的判断显示
前端·javascript·vue.js·react.js·react
小沐°6 小时前
React-页码组件
前端·javascript·react.js
诸葛亮的芭蕉扇8 小时前
抓图巡检-底图支持绘制
开发语言·前端·javascript
木子李BLOG9 小时前
Element Plus
前端·javascript·vue.js
Miketutu9 小时前
【大屏优化秘籍】Element UI El-Table 表格透明化与自定义行样式实战
前端·javascript·vue.js
止水编程 water_proof10 小时前
JavaScript基础
开发语言·javascript·ecmascript
少卿11 小时前
React Compiler 完全指南:自动化性能优化的未来
前端·javascript