# bi.table

### htape与vertical混合形成的布局，用于二维表结构的布局
{% method %}
[source](https://jsfiddle.net/fineui/8t2en619/)

{% common %}
```javascript
BI.createWidget({
  element: "body",
  type: "bi.table",
  items: [],
  columnSize: [100, "fill", 200],
  rowSize: [10, 30, 50, 70, 90, 110, 130],
  hgap: 20,
  vgap: 10
});
```

{% endmethod %}

## 参数设置
| 参数         | 说明        | 类型           | 默认值                                      |
| ---------- | --------- | ------------ | ---------------------------------------- |
| scrolly    | 是否出现滚动条   | boolean         | true                                     |
| columnSize | 列项宽度      | array/number | [200, 200, 'fill']                       |
| rowSize    | 行高        | array/number | 30                                       |
| hgap       | 内部元素间纵向距离 | number       | 0                                        |
| vgap       | 内部元素间横向距离 | number       | 0                                        |
| items      | 子项        | array        | [{width: 100,el: {type: 'bi.button', text: 'button1'}},{width: 'fill',el: {type: 'bi.button', text: 'button2'}},{width: 200,el: {type: 'bi.button', text: 'button3'}}] |

## 方法
| 方法名      | 说明     | 用法               |
| :------- | ------ | ---------------- |
| addItem  | 增加内容   | addItem(arr)     |
| populate | 刷新 | populate(items) |