表格组件, 支持纵向合并, 边框线 子组件的x和y无效 子组件只支持table-column
{
"listData": [
{
"column1": "test1",
"column2": "row1"
},
{
"column1": "test1",
"column2": "row2"
},
{
"column1": "test2",
"column2": "row3"
}
],
"parentTitle": "title"
}
<table binding="data.listData">
<table-column columnMerge="true" binding="data.$rowIndex$ + 1"></table-column>
<table-column binding="data.$parent$.parentTitle"></table-column>
<table-column binding="data.test"></table-column>
</table>
Param | Type | Default | Description |
---|---|---|---|
[x] | int |
0 | 相对位置X轴 父组件为Stack、Page、Column时代表相对父组件的位置 Row、RowFor代表相对上一个组件的位置 Table无效 |
[y] | int |
0 | 相对位置y轴 父组件为Stack、Page、Row时代表相对父组件的位置 RowFor代表当前行的相对位置 Column代表相对上一个组件的位置 Table无效 |
[width] | int |
0 | 宽度 |
height | int |
高度 必填 | |
[borderTop] | int |
0 | 外边框上 |
[borderRight] | int |
0 | 外边框右 |
[borderBottom] | int |
0 | 外边框下 |
[borderLeft] | int |
0 | 外边框左 |
[borderHorizontalInside] | int |
0 | 内边框横向 |
[borderVerticalInside] | int |
0 | 内边框纵向 |
binding | List |
绑定的数据, 必填 |
Table的列
<table-column width="100">Hello World</table-column>
Param | Type | Default | Description |
---|---|---|---|
columnMerge | bool |
false | 是否合并 |
width | int |
宽度,必填 | |
[height] | int |
0 | 高度 |
[binding] | String |
绑定的数据 | |
[format] | String |
格式化,需和binding一起使用 | |
[align] | start,center,end |
start | 文字位置 |
[fontType] | int |
1 | 字体类型 |
[fontSize] | int |
1 | 字体大小 |
[fontBlod] | bool |
false | 是否粗体 |
[underline] | bool |
false | 是否删除线 |
[lineSpace] | int |
4 | 行距 |
[lineHeight] | double |
1.2 | 行高 |