<uni-tr>
<uni-th width="50rpx" align="center">ID</uni-th>
<uni-th align="center">图片</uni-th>
<uni-th width="150rpx" align="center">文本</uni-th>
<uni-th width="100rpx" align="center">操作</uni-th>
</uni-tr>

- 发布:2021-03-31 15:39
- 更新:2023-11-21 16:54
- 阅读:5802
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.1.7
浏览器平台: Chrome
浏览器版本: 88.0.4324.190(正式版本)
项目创建方式: HBuilderX
操作步骤:
预期结果:
操作一栏比较窄
操作一栏比较窄
实际结果:
操作一栏很宽
操作一栏很宽


uni-table 的 width 属性 暂时不支持 rpx 的单位
-
-
-
回复 DCloud_UNI_HT:
<uni-th width="200" align="left" filter-type="search" @filter-change="filterChange($event, 'address')" sortable @sort-change="sortChange($event, 'address')">服务地址</uni-th>
直接传数值也有问题,没有变化。2022-05-09 08:08

uni-table上添加宽度为100%; uni-th上的width属性设置为数字,不要设置成rpx、px、百分比这些都是不起作用的。
<view style="width: 740rpx;">
<uni-table width="100%" border stripe emptyText="没有更多数据">
<uni-tr>
<uni-th width="25">序号</uni-th>
<uni-th width="50">作品名称</uni-th>
<uni-th width="25">作者</uni-th>
</uni-tr>
<uni-tr v-for="(item,index) in bookListTyp1">
<uni-td>{{item.bookSeq}}</uni-td>
<uni-td>{{item.bookName}}</uni-td>
<uni-td>楚河</uni-td>
</uni-tr>
</uni-table>
</view>
m***@gmail.com
不行,这个bug还是没有解决,不管是通过ref还是通过原生方法给他设置宽度都不正确,宽度是改了,但是不正确
2023-09-11 10:55