小程序中实现动态处理表格，文本两端对齐

想在小程序里实现如上的UI，遇到这几个问题：

1. 小程序中整体的排版

2. 小程序里是没有table标签的，需要自己实现

3. 下方的加号可以实现增加一行数据

4. 下方的减号可以实现减去一行数据

首先，小程序视图层XML，通过wx:for循环读取逻辑层的数据，把数据渲染到前端:

然后，逻辑层中，初始化需要展示的数据： 

table的CSS通过flex设置样式: 

然后，下方的加号减号图片，都通过侦听点击，触发事件，使得逻辑层改变数据： 

最后，逻辑层收到事件后，更改table中的表格数据，通过setData函数更新视图层：

以上就是小程序中生成表格，动态增加减少行的功能。如果要实现列的动态增减会稍微复杂。

二：微信小程序文本两端对齐

代码中“两端对齐实例”这段文字被识别为一个整体，space-between的排布作用在整段文字上，两端对齐并未实现。我使用了笨办法，代码如下： 

效果如下：