优化 table 的 `height` 属性介绍

pull/1426/head
贤心 2023-11-19 17:51:06 +08:00
parent 6a9594c1c0
commit 4a7ff50de8
1 changed files with 10 additions and 10 deletions

View File

@ -11,7 +11,7 @@
<th>描述</th>
<th>类型</th>
<th>默认值</th>
</tr>
</tr>
</thead>
<tbody>
<tr>
@ -36,12 +36,12 @@
</tr>
<tr>
<td>
[cols](#options.cols)
</td>
<td>
表头属性集,通过二维数组定义多级表头。方法渲染时必填。 更多表头属性见 : [#表头属性](#options.cols)
</td>
@ -65,7 +65,7 @@
<tr>
<td>id</td>
<td>
设定实例唯一索引,以便用于其他方法对 table 实例进行相关操作。若该属性未设置,则默认从 `elem` 属性绑定的原始 table 元素中的 `id` 属性值中获取。
</td>
@ -109,7 +109,7 @@
</tr>
<tr>
<td>
[height](#options.height)
</td>
@ -120,8 +120,8 @@
</div>
- `height: 315` 设置固定高度
- `height: 'full-30'` 设置自适应高度。这是一个特定的语法格式:`full` 表示铺满;后面的数字表示当前 table 之外的元素占用的高度,如:表格头部到页面最顶部*加*表格底部距离页面最底部的“距离和”
- `height: '#id-30'` 设置相对父元素的高度自适应,其中 `#id` 即父元素的 ID 选择器,其计算原理和上述 `full` 相同。
- `height: 'full-30'` 设置相对可视屏幕的高度铺满。这是一个特定的语法格式:`full` 表示铺满;后面的数字表示当前 table 之外的元素占用的高度,如:表格头部到页面最顶部*加*表格底部距离页面最底部的“距离和”
- `height: '#id-30'` 设置相对父元素的高度铺满,其中 `#id` 即父元素的 ID 选择器,其计算原理和上述 `full` 相同。
</td>
<td>number<br>string</td>
@ -359,7 +359,7 @@
<td>initSort</td>
<td>
初始排序状态。用于在数据表格渲染完毕时,按某个字段排序显示。它接受一个 `object` 类型的值,包含属性有:
初始排序状态。用于在数据表格渲染完毕时,按某个字段排序显示。它接受一个 `object` 类型的值,包含属性有:
- `field` 排序字段。对应 `cols` 设定的各字段名
- `type` 排序方式。可选值 : `'asc','desc',null`,即:`升序、降序、默认`
@ -383,7 +383,7 @@ initSort: {
</td>
<td>string</td>
<td>
`grid`
</td>
@ -411,7 +411,7 @@ initSort: {
</td>
<td>string</td>
<td>
`false`
</td>