Skip to content

Commit

Permalink
* dtable: change doc.
Browse files Browse the repository at this point in the history
  • Loading branch information
catouse committed Dec 21, 2023
1 parent 258da0b commit 13f20a8
Show file tree
Hide file tree
Showing 3 changed files with 4 additions and 21 deletions.
1 change: 0 additions & 1 deletion lib/dtable/docs/lib/components/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,6 @@ const optionsOverride = {
},
},
'dtable-layout-size': {
width: 'auto',
height: {min: 200, max: 300},
data: 5,
cols: {
Expand Down
22 changes: 3 additions & 19 deletions lib/dtable/docs/lib/components/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -138,14 +138,14 @@ const dtable = new zui.DTable(element, options);

| 宽或高的特殊值 | 定义 |
| ------------- | ----- |
| `'auto'` | 当作为宽度时,数据表格最终宽度与所有列宽的宽度一致,但不会超过父级容器的宽度;当作为高度时,最终高度为表头、表尾和所有行的高度相加,此时数据表格不会出现垂直滚动条 |
| `'auto'` | 只能作为高度值,最终高度为表头、表尾和所有行的高度相加,此时数据表格不会出现垂直滚动条 |
| `'100%'` | 设置宽度或高度与父级容器的宽高一致 |
| `() => 'auto' \| number` | 指定一个函数来在每次渲染时动态返回值 |
| `{min: number, max: number}` | 仅高度可用,指定数据表格的最小和最大高度 |

默认情况下宽度为 `'100'`,高度为 `'auto'`
默认情况下宽度为 `'100%'`,高度为 `'auto'`

下面的示例中,表格的宽度为 `'auto'`,高度为 `{min: 200, max: 300}`
下面的示例中,表格的宽度为 `'100%'`,高度为 `{min: 200, max: 300}`

<Example>
<div id="dtable-layout-size"></div>
Expand Down Expand Up @@ -275,14 +275,6 @@ new zui.DTable(element, {
});
```

**自定义表头**

通过设置选项 `header` 为一个函数来动态返回表头内容。

<Example>
[例子待定]
</Example>

**定制表头背景色**

通过 CSS 变量 `--dtable-header-bg` 来设置表头背景色。
Expand All @@ -303,14 +295,6 @@ new zui.DTable(element, {
}
```

### 表尾

默认情况下表尾是不显示的,可以通过设置选项 `footer` 为一个函数来动态返回表尾内容;通过 `footerHeight` 来设置表尾高度。

<Example>
[例子待定]
</Example>

### 行高

通过选项 `rowHeight` 来设置行高,默认高度为 `35`
Expand Down
2 changes: 1 addition & 1 deletion lib/dtable/docs/lib/components/plugins.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# 数据表格插件

## 富格式插件 `rich`
## 单元格格式插件 `rich`

<Badge text="内置插件" />

Expand Down

0 comments on commit 13f20a8

Please sign in to comment.