【Axure高保真原型】能增删改的树形表格

今天和大家分享能增删改的树形表格的原型模板,包括展开、折叠、增加、修改、删除表格内容,那这个原型模板是通过中继器制作的,所以使用简单,只需要填写中继器表格,即可自动生成对应的树形表格。这个模板最高支持6级树形表格,具体效果可以观看下方视频或者打开预览地址体验

【原型预览含下载地址】

https://axhub.im/ax9/ac73b98a296b6a85/#g=1\&p=树形表格_增删改

【原型效果】

【Axure高保真原型】能增删改的树形表格

以下是部分效果

1、展开收起效果

点击可以切换展开或者收起子节点

2、修改节点效果

点击修改按钮按钮后显示修改弹窗,修改完成确定后就可以在表格里看到修改后的数据

3、添加同级节点效果

点击添加同级节点按钮后显示添加弹窗,填写完成确定后就可以在表格里新增对应内容

4、添加子级节点效果

点击添加子节点按钮后显示添加弹窗,填写完成确定后就可以在表格里新增对应子节点内容

5、删除节点效果

点击删除按钮,会弹出确认删除弹出,确认后删除选中节点及其子节点

6、删除后新增按钮

如果删除了表格里所有数据,就会显示一个添加新节点的按钮,点击后显示添加弹窗,填写完成确定后就可以在表格里新增对应内容

相关推荐
小陶来咯4 小时前
灵犀机器人交互系统--CaptureJpeg
机器人·交互
会编程的土豆8 小时前
Gin 核心概念 & 前后端交互笔记
笔记·交互·gin
ZC跨境爬虫9 小时前
跟着 MDN 学 HTML day_59:HTML表单与按钮——构建用户交互的基石
前端·javascript·ui·html·交互·媒体
weelinking14 小时前
【2026】08_Claude与版本控制:Git协作技巧
数据库·人工智能·git·python·数据挖掘·交互·cloudera
UXbot1 天前
支持移动端原型绘制的 AI 工具核心功能对比(2026):5 款主流平台能力横向评测
前端·低代码·ui·交互·原型模式·web app
byte轻骑兵1 天前
【HID】规范精讲[15]: 蓝牙HID遥控器设计精髓——两种拓扑模式的选型与实战
人机交互·交互·键盘·鼠标·hid
结构化知识课堂2 天前
AI产品经理入门实战:如何理解计算机视觉?
人工智能·计算机视觉·产品经理·ai产品经理·ai产品设计
项目治理之道2 天前
用 Trace Skills 生成产品原型:从概念到可交互 Demo 的实战经验
ai·交互·skills
狮子座明仔2 天前
AggAgent:把并行轨迹当环境来交互,智能体聚合的新范式
人工智能·深度学习·机器学习·交互
UXbot2 天前
AI 原型工具零设计基础操作指南与功能解析(2026)
前端·ui·产品经理·原型模式·web app