🐛(component): 简化 table 文档
This commit is contained in:
parent
2dfb21701b
commit
fbfb86166c
@ -266,11 +266,7 @@ watch(
|
|||||||
tableDataSource.value = [...props.dataSource];
|
tableDataSource.value = [...props.dataSource];
|
||||||
tableSelectedKeys.value = [];
|
tableSelectedKeys.value = [];
|
||||||
tableSelectedKey.value = s;
|
tableSelectedKey.value = s;
|
||||||
nextTick(() => {
|
}, { deep: true }
|
||||||
getScrollWidth();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
{ deep: true }
|
|
||||||
);
|
);
|
||||||
|
|
||||||
const changeAll = (isChecked: boolean) => {
|
const changeAll = (isChecked: boolean) => {
|
||||||
@ -451,12 +447,14 @@ watch(
|
|||||||
() => [props.height, props.maxHeight, props.dataSource],
|
() => [props.height, props.maxHeight, props.dataSource],
|
||||||
() => {
|
() => {
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
|
console.log("触发");
|
||||||
getScrollWidth();
|
getScrollWidth();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
|
|
||||||
getScrollWidth();
|
getScrollWidth();
|
||||||
getFixedColumn();
|
getFixedColumn();
|
||||||
|
|
||||||
|
@ -119,7 +119,6 @@ export default {
|
|||||||
::: demo
|
::: demo
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
page props: {{ page3 }}
|
|
||||||
<lay-table :columns="columns3" :data-source="dataSource3" :page="page3" @change="change3"></lay-table>
|
<lay-table :columns="columns3" :data-source="dataSource3" :page="page3" @change="change3"></lay-table>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -226,10 +225,9 @@ export default {
|
|||||||
::: title 开启子表
|
::: title 开启子表
|
||||||
:::
|
:::
|
||||||
|
|
||||||
::: demo 当表格内容较多不能一次性完全展示时。
|
::: demo 当表格内容较多不能一次性完全展示时, 你可以将多余内容展示到 `expand` 插槽。
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
{{ expandKeys6 }}
|
|
||||||
<lay-table :columns="columns6" :data-source="dataSource6" :default-expand-all="defaultExpandAll6" v-model:expandKeys="expandKeys6">
|
<lay-table :columns="columns6" :data-source="dataSource6" :default-expand-all="defaultExpandAll6" v-model:expandKeys="expandKeys6">
|
||||||
<template v-slot:expand="{ data }">
|
<template v-slot:expand="{ data }">
|
||||||
<lay-table :columns="columns6" :data-source="dataSource6"></lay-table>
|
<lay-table :columns="columns6" :data-source="dataSource6"></lay-table>
|
||||||
@ -285,7 +283,6 @@ export default {
|
|||||||
::: demo 树形数据的展示,当数据中有 children 字段时会自动展示为树形表格, 通过设置 indentSize 以控制每一层的缩进宽度, 使用 childrenColumnName 替换默认字段
|
::: demo 树形数据的展示,当数据中有 children 字段时会自动展示为树形表格, 通过设置 indentSize 以控制每一层的缩进宽度, 使用 childrenColumnName 替换默认字段
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
{{ expandKeys7 }}
|
|
||||||
<lay-table :columns="columns7" :data-source="dataSource7" :default-expand-all="defaultExpandAll7" v-model:expandKeys="expandKeys7">
|
<lay-table :columns="columns7" :data-source="dataSource7" :default-expand-all="defaultExpandAll7" v-model:expandKeys="expandKeys7">
|
||||||
<template #score="{ data }">{{ data }}</template>
|
<template #score="{ data }">{{ data }}</template>
|
||||||
</lay-table>
|
</lay-table>
|
||||||
@ -338,8 +335,8 @@ export default {
|
|||||||
<lay-table
|
<lay-table
|
||||||
:columns="columns8"
|
:columns="columns8"
|
||||||
:data-source="dataSource8"
|
:data-source="dataSource8"
|
||||||
size="sm"
|
|
||||||
max-height="300px"
|
max-height="300px"
|
||||||
|
size="sm"
|
||||||
>
|
>
|
||||||
<template v-slot:operator="{ data }">
|
<template v-slot:operator="{ data }">
|
||||||
<lay-button size="xs" @click="deleteColumn(data)">删除</lay-button>
|
<lay-button size="xs" @click="deleteColumn(data)">删除</lay-button>
|
||||||
@ -1369,7 +1366,7 @@ export default {
|
|||||||
{id:"5",username:"就眠儀式",province:"山东",city:"济南",area: "高新区", password:"woow",sex:"男", age:"20", remark: 'layui - vue(谐音:类 UI) '}
|
{id:"5",username:"就眠儀式",province:"山东",city:"济南",area: "高新区", password:"woow",sex:"男", age:"20", remark: 'layui - vue(谐音:类 UI) '}
|
||||||
];
|
];
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
},50000000)
|
},5000)
|
||||||
}
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
@ -12,7 +12,17 @@
|
|||||||
<lay-timeline>
|
<lay-timeline>
|
||||||
<lay-timeline-item title="1.6.x">
|
<lay-timeline-item title="1.6.x">
|
||||||
<ul>
|
<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>
|
<li>
|
||||||
<h3>1.6.3 <span class="layui-badge-rim">2022-10-08</span></h3>
|
<h3>1.6.3 <span class="layui-badge-rim">2022-10-08</span></h3>
|
||||||
<ul>
|
<ul>
|
||||||
@ -24,7 +34,7 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul>
|
<ul>
|
||||||
<a name="1-6-0"></a>
|
<a name="1-6-2"></a>
|
||||||
<li>
|
<li>
|
||||||
<h3>1.6.2 <span class="layui-badge-rim">2022-10-07</span></h3>
|
<h3>1.6.2 <span class="layui-badge-rim">2022-10-07</span></h3>
|
||||||
<ul>
|
<ul>
|
||||||
@ -37,7 +47,7 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul>
|
<ul>
|
||||||
<a name="1-6-0"></a>
|
<a name="1-6-1"></a>
|
||||||
<li>
|
<li>
|
||||||
<h3>1.6.1 <span class="layui-badge-rim">2022-10-06</span></h3>
|
<h3>1.6.1 <span class="layui-badge-rim">2022-10-06</span></h3>
|
||||||
<ul>
|
<ul>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user