🐛(component): 简化 table 文档

This commit is contained in:
就眠儀式 2022-10-09 17:14:56 +08:00
parent 2dfb21701b
commit fbfb86166c
3 changed files with 22 additions and 17 deletions

View File

@ -266,11 +266,7 @@ watch(
tableDataSource.value = [...props.dataSource];
tableSelectedKeys.value = [];
tableSelectedKey.value = s;
nextTick(() => {
getScrollWidth();
});
},
{ deep: true }
}, { deep: true }
);
const changeAll = (isChecked: boolean) => {
@ -451,12 +447,14 @@ watch(
() => [props.height, props.maxHeight, props.dataSource],
() => {
nextTick(() => {
console.log("触发");
getScrollWidth();
});
}
);
onMounted(() => {
getScrollWidth();
getFixedColumn();

View File

@ -119,7 +119,6 @@ export default {
::: demo
<template>
page props: {{ page3 }}
<lay-table :columns="columns3" :data-source="dataSource3" :page="page3" @change="change3"></lay-table>
</template>
@ -226,10 +225,9 @@ export default {
::: title 开启子表
:::
::: demo 当表格内容较多不能一次性完全展示时。
::: demo 当表格内容较多不能一次性完全展示时, 你可以将多余内容展示到 `expand` 插槽
<template>
{{ expandKeys6 }}
<lay-table :columns="columns6" :data-source="dataSource6" :default-expand-all="defaultExpandAll6" v-model:expandKeys="expandKeys6">
<template v-slot:expand="{ data }">
<lay-table :columns="columns6" :data-source="dataSource6"></lay-table>
@ -285,7 +283,6 @@ export default {
::: demo 树形数据的展示,当数据中有 children 字段时会自动展示为树形表格, 通过设置 indentSize 以控制每一层的缩进宽度, 使用 childrenColumnName 替换默认字段
<template>
{{ expandKeys7 }}
<lay-table :columns="columns7" :data-source="dataSource7" :default-expand-all="defaultExpandAll7" v-model:expandKeys="expandKeys7">
<template #score="{ data }">{{ data }}</template>
</lay-table>
@ -338,12 +335,12 @@ export default {
<lay-table
:columns="columns8"
:data-source="dataSource8"
size="sm"
max-height="300px"
size="sm"
>
<template v-slot:operator="{ data }">
<lay-button size="xs" @click="deleteColumn(data)">删除</lay-button>
</template>
<template v-slot:operator="{ data }">
<lay-button size="xs" @click="deleteColumn(data)">删除</lay-button>
</template>
</lay-table>
</template>
@ -1369,7 +1366,7 @@ export default {
{id:"5",username:"就眠儀式",province:"山东",city:"济南",area: "高新区", password:"woow",sex:"男", age:"20", remark: 'layui - vue谐音类 UI) '}
];
loading.value = false;
},50000000)
},5000)
}
return {

View File

@ -12,7 +12,17 @@
<lay-timeline>
<lay-timeline-item title="1.6.x">
<ul>
<a name="1-6-0"></a>
<a name="1-6-4"></a>
<li>
<h3>1.6.4 <span class="layui-badge-rim">2022-10-09</span></h3>
<ul>
<li>[修复] radio 组件 value 属性不兼容 number 类型而导致类型警告。</li>
<li>[修复] select-option 组件在伴随 v-if 指令时导致无法正常渲染。</li>
</ul>
</li>
</ul>
<ul>
<a name="1-6-3"></a>
<li>
<h3>1.6.3 <span class="layui-badge-rim">2022-10-08</span></h3>
<ul>
@ -24,7 +34,7 @@
</li>
</ul>
<ul>
<a name="1-6-0"></a>
<a name="1-6-2"></a>
<li>
<h3>1.6.2 <span class="layui-badge-rim">2022-10-07</span></h3>
<ul>
@ -37,7 +47,7 @@
</li>
</ul>
<ul>
<a name="1-6-0"></a>
<a name="1-6-1"></a>
<li>
<h3>1.6.1 <span class="layui-badge-rim">2022-10-06</span></h3>
<ul>