S-Table内嵌表格手风琴以及时刷新功能

Coisini_甜柚か

于 2025-01-13 14:16:54 发布

阅读量288

点赞数 4

文章标签：前端

本文为Coisini博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/weixin_45266979/article/details/145112606

版权

S-Table内嵌表格手风琴以及时刷新功能

文章目录

S-Table内嵌表格手风琴以及时刷新功能

一、功能描述

手风琴模式，表格每次只能打开一行，内外表格均有分页
及时刷新功能，点击刷新功能或点击其他表格或者切页，可以及时刷新，不会随时出现表格窜数据的情况
除伸缩框外，表格还有复选框功能

二、图示

在这里插入图片描述

三、代码

		<s-table
			ref="table"
			:columns="columns"
			:data="loadData"
			:tool-config="toolConfig"
			:rowKey="(record) => record.id"
			@expand="getChildData"
			:expandedRowKeys="expandedRowKeys"
			:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange ,getCheckboxProps:getCheckboxProps }"
		>
				<!--			表格内嵌核心属性，需要配合使用，单个使用不生效-->
				<!--			@expand="getChildData"-->
				<!--			:expandedRowKeys="expandedRowKeys"-->
			<template #operator class="table-operator">
				<!