From 9d28c41e51a9f319f2fc80e071d333d9fbf369ff Mon Sep 17 00:00:00 2001 From: iapyang Date: Tue, 29 Aug 2017 15:06:18 +0800 Subject: [PATCH] finish table --- uidoc/detailed/table/bi.excel_table.md | 6 ++- uidoc/detailed/table/bi.preview_table.md | 49 +++++++++++++++++ uidoc/detailed/table/bi.responsive_table.md | 59 +++++++++++++++++++++ 3 files changed, 113 insertions(+), 1 deletion(-) diff --git a/uidoc/detailed/table/bi.excel_table.md b/uidoc/detailed/table/bi.excel_table.md index d615eb14b..e3b37d3bf 100644 --- a/uidoc/detailed/table/bi.excel_table.md +++ b/uidoc/detailed/table/bi.excel_table.md @@ -1,5 +1,7 @@ # bi.excel_table +### 类似excel式的表格 + {% method %} [source](https://jsfiddle.net/fineui/cbmv07g4/) @@ -34,6 +36,7 @@ BI.createWidget({ {% endmethod %} +## 参数设置 | 参数 | 说明 | 类型 | 默认值 | | ---------------- | ------------- | -------------------- | ----------------- | | isNeedResize | 是否需要调整大小 | bool | false | @@ -48,7 +51,8 @@ BI.createWidget({ | regionColumnSize | | bool | false | | items | 子组件 | array | [] | - +## 方法 +### 参见[Table](#)方法 diff --git a/uidoc/detailed/table/bi.preview_table.md b/uidoc/detailed/table/bi.preview_table.md index 1024bd88d..32759da07 100644 --- a/uidoc/detailed/table/bi.preview_table.md +++ b/uidoc/detailed/table/bi.preview_table.md @@ -1,2 +1,51 @@ # bi.preview_table +### 用于表格预览 + +{% method %} +[source](https://jsfiddle.net/fineui/po4s0hub/) + +{% common %} +```javascript +var items = [[{ + text: "第一行第一列" +}, { + text: "第一行第二列" +}, { + text: "第一行第三列" +}]]; + +var header = [[{ + text: "表头1" +}, { + text: "表头2" +}, { + text: "表头3" +}]]; + +BI.createWidget({ + type: "bi.preview_table", + header: header, + element: 'body', + columnSize: [100, "", 50], + items: items +}); +``` + +{% endmethod %} + +##参数 + +| 参数 | 说明 | 类型 | 默认值 | +| ------------- | ---- | ------------ | ----- | +| isNeedFreeze | 是否冻结 | bool | false | +| freezeCols | 冻结的列 | array | [] | +| rowSize | 行高 | array/number | null | +| columnSize | 列宽 | array | [] | +| headerRowSize | 表头行高 | number | 30 | +| header | 表头内容 | array | [] | +| items | 子组件 | array | [] | + +## 方法 +### 参见[Table](#)方法 + diff --git a/uidoc/detailed/table/bi.responsive_table.md b/uidoc/detailed/table/bi.responsive_table.md index 475b738fe..73fe4a964 100644 --- a/uidoc/detailed/table/bi.responsive_table.md +++ b/uidoc/detailed/table/bi.responsive_table.md @@ -1,2 +1,61 @@ # bi.responsive_table +### 自适应宽度的表格 + +{% method %} +[source](https://jsfiddle.net/fineui/y70jwztm/) + +{% common %} +```javascript +var items = [[{ + text: "第一行第一列" +}, { + text: "第一行第二列" +}, { + text: "第一行第三列" +}]]; + +var header = [[{ + text: "表头1" +}, { + text: "表头2" +}, { + text: "表头3" +}]]; + +BI.createWidget({ + type: "bi.responsive_table", + isNeedMerge: true, + isNeedFreeze: true, + mergeCols: [0, 1], + columnSize: ["", "", ""], + items: items, + header: header, + element: 'body' +}); +``` + +{% endmethod %} + +##参数 + +| 参数 | 说明 | 类型 | 默认值 | +| ---------------- | ------------------------------------ | -------- | -------- | +| isNeedFreeze | 是否需要冻结单元格 | bool | false | +| freezeCols | 冻结的列号,从0开始,isNeedFreeze为true时生效 | array | [] | +| isNeedMerge | 是否需要合并单元格 | bool | false | +| mergeRule | function (row1, row2) 合并规则, 默认相等时合并 | function | function | +| columnSize | 列宽 | array | [] | +| headerRowSize | 表头行高 | number | 25 | +| footerRowSize | 表尾行高 | number | 25 | +| rowSize | 行高 | number | 25 | +| columnSize | 列宽 | array | [] | +| regionColumnSize | | bool | false | +| header | 表头内容 | array | [] | +| footer | 是否需要表尾 | bool | false | +| items | 子组件二维数组 | array | [] | +| crossHeader | 交叉表头 | array | [] | +| crossItems | 交叉表内容二维数组 | array | [] | + +## 方法 +### 参见[Table](#)方法 \ No newline at end of file