首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

使用antd表格组件实现日程

前言 20多天前,遇到一个日程表的业务需求,可以动态增加列、对单元格进行合并,结合公司的jsp项目的已有功能完成单元格的增、删、改操作。...需求分析 当我收到需求简述后,我对其进行了整理: 表格列要展示的内容:日期、日程内容(接口动态返回),日程内容列用户可以自己手动增加。...日程内容分为天日程和某个时间段的日程两种状态,如果为天日程则需要进行单元格合并。 日程内容列的每个单元格有5种状态,需要通过某种方式来区分,让用户一眼就能看出当前日程处于什么状态。...最后实现的效果如下所示,实现代码请移步:react-antd-schedule/index.html image-20201119175256753 动态增加列 这个日程表用户可以通过点增加图标来增加一列日程...} ]; // 表格数据渲染函数 const tableDataRendering = function(res) { // 根据日程列字段数据赋值表格列的日程字段

3.6K20

Visio绘制时间轴、日程进度图的方法

本文介绍基于Visio软件绘制时间轴、日程安排图、时间进度图等的方法。   ...在很多学习、工作场合中,我们往往需要绘制如下所示的一些带有具体时间进度的日程安排、工作流程、项目进展等可视化图表。   而基于Visio软件,我们就可以非常轻松地绘制出这样的图案。...随后,在“类别”中选择“日程安排”。   随后,选择“日程表”。   在弹出的窗口中,有四种不同的日程表预设模板;其中第一个是空白模板,其它三个是带有预设图案的模板。...此外,可以在“时间格式”一栏中,配置日程表时间显示的语言、格式等。   将原本模板中的时间轴范围修改为我们自己的实际范围后,大概率会出现如下图所示的情况。   ...最后,如果我们想为一个总时间轴设置多个附属时间轴,或者为某一个附属时间轴设置二级附属时间轴,都可以从左侧“形状”列表中选择“展开的日程表”。

2K30
领券