基于制造技术

本申请的实施例提供了一种基于

【技术实现步骤摘要】
基于Ant Design的表格调节方法、装置、介质及电子设备


[0001]本申请涉及计算机及数据处理
，具体而言，涉及一种基于
Ant Design
的表格调节方法
、
装置
、
介质及电子设备
。

技术介绍

[0002]Ant Design
是企业级中后台前端
/
设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板
/
业务组件
/
配套设计资源，进一步提升企业级中后台产品设计研发过程中的
『
用户
』
和
『
设计者
』
的体验
。
[0003]在
Ant Design
的应用场景中，基于现有技术中的交互组件，表格布局形式的调节不够便捷，界面调节容易导致页面出错，影响组件正常渲染，交互不够友好
。
基于此，如何提高基于
Ant Design
的表格调节的便捷性和交互友好性本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种基于
Ant Design
的表格调节方法，其特征在于，所述方法包括：在界面中显示表格调节控件，所述表格调节控件所占据的区域与所述界面的面积比小于预设阈值；响应于用户对所述表格调节控件的点击操作，触发表格调节事件，以在所述界面中弹出表格的布局数据编辑窗口；响应于用户在所述布局数据编辑窗口的编辑操作，确定目标布局数据；基于所述目标布局数据，调节所述界面中表格展示区域内表格数据的表格布局形式
。2.
根据权利要求1所述的方法，其特征在于，所述方法还包括：在界面中显示树形列表，所述树形列表包括多个树节点，所述树节点用于在服务器中索引表格数据，其中，每一个树节点对应一个层级，相邻层级的树节点互为父子节点；响应于对任意一个树节点的点击操作，从服务器中下载与所述任意一个树节点相对应的表格数据，并按照默认的表格布局形式展示所述表格数据
。3.
根据权利要求1所述的方法，其特征在于，所述表格数据包括多个属性的数据，每一个属性对应一个表格列，所述布局数据编辑窗口包括所述多个属性对应的多个属性栏，每一个属性栏配置有勾选框，所述确定目标布局数据，包括：响应于用户对目标勾选框的勾选操作，确定目标属性，作为目标布局数据，所述目标属性用于在所述表格展示区域内限定展示所述目标属性对应的表格列
。4.
根据权利要求3所述的方法，其特征在于，每一个属性栏还配置有拖拽图标，所述确定目标布局数据，包括：响应于用户对目标属性所对应拖拽图标的拖拽操作，确定各个目标属性的排列顺序，作为目标布局数据，所述目标属性的排列顺序用于在所述表格展示区域内限定展示各个目标属性所对应表格列的展示顺序
。5.
根据权利要求4所述的方法，其特征在于，所述布局数据编辑窗口被划分为左固定属性组，右固定属性组，不固定属性组，所述确定目标布局数据，包括：响应于用户对目标属性所对应拖拽图标的拖拽操作，将目标属性拖拽至左固定属性组，或者右固定属性组，或者不固定属性组，作为目标布局数据，其中，所述左固定属性组...

【专利技术属性】
技术研发人员：马晓飞，
申请(专利权)人：上海杉数网络科技有限公司杉数科技苏州有限公司深圳市杉智科技有限公司，
类型：发明
国别省市：