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

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

【原型预览含下载地址】

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

【原型效果】

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

以下是部分效果

1、展开收起效果

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

图片

2、修改节点效果

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

图片

3、添加同级节点效果

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

图片

4、添加子级节点效果

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

图片

5、删除节点效果

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

图片

6、删除后新增按钮

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

图片

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-15 05:58:07       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-15 05:58:07       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-15 05:58:07       82 阅读
  4. Python语言-面向对象

    2023-12-15 05:58:07       91 阅读

热门阅读

  1. 化学发光免疫诊断试剂——博迈伦生物

    2023-12-15 05:58:07       58 阅读
  2. uniapp使用腾讯地图标点

    2023-12-15 05:58:07       49 阅读
  3. 注册中心选型:Eureka vs. Nacos vs. ZooKeeper

    2023-12-15 05:58:07       55 阅读
  4. 4、Kafka 核心常用配置项

    2023-12-15 05:58:07       48 阅读
  5. k8s-learning-why we need pod

    2023-12-15 05:58:07       53 阅读
  6. Spring Boot学习:ShardingSphere-JDBC数据分片配置

    2023-12-15 05:58:07       54 阅读
  7. 14、vue3(十四):权限管理

    2023-12-15 05:58:07       47 阅读
  8. 微服务组件Sentinel的学习(1)

    2023-12-15 05:58:07       56 阅读
  9. Spark 单机搭建实战指南

    2023-12-15 05:58:07       60 阅读
  10. loki named_stores_config

    2023-12-15 05:58:07       69 阅读
  11. loki azure_storage_config

    2023-12-15 05:58:07       56 阅读