更新 table 文档若干属性介绍

This commit is contained in:
贤心 2023-09-11 11:57:00 +08:00
parent 27585555a1
commit 18db12eec8
2 changed files with 81 additions and 15 deletions

View File

@ -80,13 +80,28 @@
<td>-</td>
</tr>
<tr>
<td>expandedWidth <sup>2.8.14+</sup></td>
<td>expandedWidth <sup>2.8.15+</sup></td>
<td>
设置单元格被展开后的宽度,默认取表格容器的三分之一宽度。若设置的值的小于当前列宽,则展开后的列宽保持不变。
设置单元格被展开后的宽度。若设置的值的小于当前列宽,则展开后的列宽保持不变。注:当 `expandedMode` 属性为默认值时有效。
</td>
<td>number</td>
<td>-</td>
</tr>
<tr>
<td>expandedMode <sup>2.8.17+</sup></td>
<td>
用于设置所有单元格默认展开方式,可选值有:
- `tips` 悬浮展开方式
- `default` 多行展开方式(默认)
优先级高于 `cellExpandedMode` 基础属性
</td>
<td>string</td>
<td>-</td>
</tr>
<tr>
@ -467,4 +482,4 @@ edit: function(d){
</td>
</tr>
</tbody>
</table>
</table>

View File

@ -188,6 +188,33 @@
<td>-</td>
</tr>
<tr>
<td>cellExpandedMode <sup>2.8.17+</sup></td>
<td>
用于设置所有单元格默认展开方式,可选值有:
- `tips` 悬浮展开方式
- `default` 多行展开方式(默认)
</td>
<td>string</td>
<td>-</td>
</tr>
<tr>
<td>cellExpandedWidth <sup>2.8.17+</sup></td>
<td>
用于设置所有单元格默认展开后的宽度。当 `cellExpandedMode` 属性为默认值时有效。
</td>
<td>number</td>
<td>
`60`
</td>
</tr>
<tr>
<td>escape <sup>2.6+</sup></td>
<td>是否开启对内容的编码(转义 html</td>
<td>boolean</td>
@ -390,10 +417,28 @@ initSort: {
</td>
</tr>
<tr>
<td>before <sup>2.7+</sup></td>
<td>数据渲染之前的回调函数。</td>
<td>function</td>
<td>-</td>
<td>
[before](#options.before) <sup>2.7+</sup>
</td>
<td colspan="3">
<div class="ws-anchor" id="options.before">
数据渲染之前的回调函数。
</div>
```
table.render({
before: function(options){
console.log(options); // 当前实例属性配置项
options.where.abc = 123; // 修改或额外追加 where 属性
},
// … // 其它属性
});
```
</td>
</tr>
<tr>
<td>
@ -401,7 +446,7 @@ initSort: {
[done](#options.done)
</td>
<td>
<td colspan="3">
<div class="ws-anchor" id="options.done">
数据渲染完毕的回调函数。返回的参数如下:
@ -414,20 +459,26 @@ table.render({
console.log(curr); // 得到当前页码
console.log(count); // 得到数据总量
console.log(origin); // 回调函数所执行的来源 --- 2.8.7+
}
},
// … // 其它属性
});
```
</td>
<td>function</td>
<td>-</td>
</tr>
<tr>
<td>error <sup>2.6+</sup></td>
<td> 数据请求失败的回调函数。返回两个参数:错误对象、内容。</td>
<td>function</td>
<td>-</td>
<td colspan="3">
数据请求失败的回调函数。返回两个参数:错误对象、内容。
```
error: function(e, msg) {
console.log(e, msg)
}
```
</td>
</tr>
</tbody>
</table>
</table>