设置钉钉小程序里面表格的宽度

背景

在小程序里面显示列表

问题

要求列表里面每一列宽度不一样，最好按比例分配

解决办法

1、尝试使用

表格标签，结果小程序显示不支持，好像小程序没有表格类的标签。
2、使用wxparse解析富文本，此为一个网友给的答案，太难没有搞
3、最后看到了这个答案，https://blog.csdn.net/weixin_30722589/article/details/98265900尝试改了下，发现可以控制宽度
代码如下

<block a:for="{{data}}" >
<container className="container-item"><view class="item" style="width:6vw">{{item.name}}</view><view class="item" style="width:6vw">{{item.model}}</view><view class="item" style="width:28vw">{{item.mobileNo}}</view></container>
</block>

css

.item {display: flex;padding:0px;align-items:center;
}

效果

PS:
为什么钉钉小程序官方没有表格的使用方法，我想了下，也看了下钉钉、支付宝和微信app，基本没有使用表格的地方，现在都改成feed流样式了，可能客户端使用feed流才好看吧，我也打算改一下表格的样式，改成feed流的了

设置钉钉小程序里面表格的宽度相关推荐

钉钉/支付宝小程序自定义组件
钉钉/支付宝小程序自定义组件 1.新建自定义文件夹 eg:model 2.鼠标选中model 右键>新建小程序组件输入测试组件:demo 3.新建小程序组件包含四个文件: 1.acss:组件页 ...
微信小程序 table表格 PC版本
公司项目啊....其实小程序页面的商品列表也有宫格.列表.大图模式了,尽管描述得不那么详细,但是信息量也能看到个大概,但是领导或业务员比较喜欢看表格详细点,罗列得比较清晰. 所以要求可以通过小程序分享 ...
小程序微信统计表格_微信小程序制作表格的方法
本文实例为大家分享了微信小程序制作表格的具体代码. 微信小程序中没有专门的表格制作工具,不过使用列表渲染可以实现, 下面是我做的表格图片: 方法如下: 在XXX.wxml中填写下面的代码参数内容 ...
钉钉微信小程序reLaunch和navigateTo，navigateTo的区别
wx.navigateTo 用于保留当前页面.跳转到应用内的某个页面,使用 wx.navigateBack可以返回到原页面.对于页面不是特别多的小程序,通常推荐使用 wx.navigateTo进行跳转 ...
微信小程序 table表格固定表头和首列右侧表格可以左右滚动（多种表格演练）
最近在做公司的项目需要到表格展示数据,但是微信小程序是没有原生table标签的,于是就百度各种搜...发现结构有类似的就粘过来修改,要善于学习和借鉴别人的经验使其变成为自己的东西,学无止境~ 在这里做 ...
微信小程序实现表格展示
开发中遇到商品详情页需要展示参数列表,App中我们可以使用table轻松实现列表功能,但是小程序却不支持这个元素,该怎么办呢?我们就用样式来实现: 思路: 先给整个大表格设置border-top:给大 ...
微信小程序用表格＜table＞＜/table＞查看数据
微信小程序不支持 table 标签,所以自己写了一个,记录一下方便以后可以直接复制使用图片,可以自己修改样式 index.js,也就是数据,这里写死,可以字自己对接口 ** [ ] index.wx ...
uni-app微信小程序动态样式设置；微信小程序style行内式无效；微信小程序style行内式编译报错；微信小程序:style设置样式
场景:微信小程序设置动态样式,有些时候是需要用到变量来书写的:但是实际使用发现,行内式书写虽然有效,但是会使得微信小程序的编辑失败:故需要使用动态的v-bind来写动态变量行内式样式(既使用:styl ...
微信小程序的表格table
今天开发微信小程序,在微信小程序的开发文档中,找组件,发现没有table组件.当时我的那个心情呀,各种不爽.于是,我打算自己写几个<text></text>来代替表格吧.然后就 ...

设置钉钉小程序里面表格的宽度

背景

问题

解决办法

设置钉钉小程序里面表格的宽度相关推荐

最新文章

热门文章