使用ivx学习开发表格布局的经验分享

本文分享了使用ivx进行表格布局的学习经验,详细介绍了如何通过二维数组和for循环实现灵活的跨行跨列布局。通过官网的demo,作者理解到表格布局的关键在于数组与表格数据的绑定,动态调整数组可实现行列增删效果,适合于需要动态展示的场景。
摘要由CSDN通过智能技术生成

今天想与大家分享的ivx学习经验是关于表格布局的使用,分析使用的依然是ivx官网的demo,再次疯狂安利官网的demo库,网址是https://demo.ivx.cn/,我分享所使用的demo均出自于此,使用表格布局的话会方便于我们跨行和跨列布局,是布局方式变得灵活,接下来分享下我对于官网的表格布局demo的理解:
demo中的表格布局主要是将表格用二维数组表示,然后通过利用for循环来将二维数组的行列表现出来,从而达到表格展示的效果。先创建一个二维数组,侧边栏与内容区,关于侧边栏的使用可以参考我之前分享的经验,地址:https://blog.csdn.net/VXLab/article/details/104801336
在这里插入图片描述
在这里插入图片描述
2.利用for循环将二维数组展示出来,这里官网的demo的二维数组都是相同的内容,表格内容也全部用同一张图片表示,这样行列添加删除的效果就能一目了然,突出行列变化。这里用了2个循环,第一个循环是将数组中的每一行依次展示,第二个循环是将当前行中的每一列也就是当前行的每一个元素依次展示循环数据来源为当前数据1,每有一个元素,就会展示一个图片作为表格单元。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值