B端系统之表格的类型和使用场景
表格既是一种可视化交流模式,也是一种组织整理数据的手段。所以在定义表格的类型时,需要考虑实际的业务场景,采用合适的表格呈现对应的业务数据。本文总结了关于表格的多种类型和使用场景,一起来看一下吧。
在B端多年滚爬后,也接触了多种客户需求,并且不同的客户具有不同的业务,不同的业务在实际需求上也存在较大的差异,所以一些常规的组件并不能满足所有的客户需求,需要根据实际需求设计出不同的组件,以此达到客户的实际需求。
表格既是一种可视化交流模式,又是一种组织整理数据的手段。目的是为了更好的查阅数据、统计数据、维护数据。所以在定义表格的类型时,需要考虑实际的业务场景,采用合适的表格呈现对应的业务数据,可以让用户更好的理解业务数据,高效的维护数据。
这一期主要总结关于表格的多种类型和使用场景。表格对于我们来说都不陌生,常用的excel也是表格的一种,只是excel是属于工具类表格,而在B端系统中,会根据实际的业务场景定义不同的表格类型。
一、表格类型分类
以下我对自己在实际工作中运用到的多种表格类型做了简单的归纳,如果大家还有其它的表格类型,希望在评论区可以补充。表格的类型我根据自己的理解进行了简单的归类,分为五种类型:
常规型表格配置型表格多层级型表格扩展型表格多表格组合型表格1. 常规型表格
常规型表格:表格只做数据展示和维护,可支持增、删、改、查等数据维护的功能操作,表格数据可采用分页展示,分页模式分为翻页和分页加载两种形式,表格中又分为是否带有选框,带有选框的表格可支持批量操作。 如下图是ant.design中的表格组件,表格右侧带有常规的数据功能操作,底部带有分页切换的组件,也是最常见的表格类型。
表格使用场景分析:
对于简单的数据展示和维护、不需要批量操作可采用常规型表格,分页组件和加载分页都可满足常规表格的需求。
如果数据只做展示,那么选框和操作列都去掉即可。
(带操作,不带选框)
(不带操作,带选框)
如果需要支持表格中数据的排序、搜索、筛选功能,那么就需要在表头列数据位置增加对应的功能。表格中的多种操作功能都可以搭配使用,只要根据实际的业务需求增减表格的操作即可。
(带筛选和排序,不带搜索)
(带排序和搜索,不带筛选)
2. 配置型表格
配置型表格:在常规表格基础上,可满足表格的多项自定义配置,可调整表格中数据的排序,可调整表头的列数据展示或者隐藏,可设置列固定位置不跟随左右移动,可调整列宽度和行高度。
(带表头显示隐藏配置、表头排序,不带行排序、列固定、列行宽高设置)
下面分享一个我在实际项目中的完整配置型表格的设计,页面的信息量有点大,表头的显示隐藏是通过点击左上角的表头设置出现下拉框,可以对表头的字段进行显示、隐藏、排序、编辑、删除的操作。
表头的固定是通过列操作上的“固定列”实现的,点击固定列后,对应表头列上会显示图钉,带有图钉的列会显示在表格前列,左右滑动表格数据时,固定列不跟随滑动。
表格的列宽是直接拖拽分割线实现,行高则是通过顶上的行高配置实现,具体的交互这里就不讲解了,实际业务比较复杂,常规的表格无法满足该业务需求。
(带表头显示隐藏配置、表头排序、列固定、列行宽高设置,不带行排序)
也有很多简单的配置型表格样式,只需要配置列显示和隐藏以及排序的功能,这列需求相对上面的案例简单很多,也更好设计和开发实现。
(带表头显示隐藏配置、表头排序、列固定,不带行排序、列行宽高设置)
3. 多层级型表格
多层级型表格:多层级可分为表头多层级和数据行多层级。
下图是表头多层级,一级表头占据宽度是下一级表头之和,下下级再逐渐递增,实现多层级的表头设置,上面的配置型表格的案例截图也是属于多层级表头的类型,可结合一起查看。
(表头多层级)
数据多层级时,一般通过树结构展示数据的层级关系,表格中可支持数据的展开和收起,方便查阅数据以及清晰的看到数据的层级关系。
(数据多层级)
4. 扩展型表格
扩展型表格:支持表格行数据和列数据的自定义增减。
数据维护需求中可支持在表格中直接添加数据,在表格中直接输入信息并保存,不需要通过弹窗或者页面的形式来增加一条数据。通过“添加一行数据”实现新增一行数据,编辑完成后直接生成数据信息。这样的交互对于用户的理解和使用更加简单,并且可以更加快速高效的完成数据的维护。
(支持行数据增减)
除了简单的行数据增减之外,表格中还可以支持多层级的数据增减功能,并且可以实现不同层级之间的排序功能,对于复杂场景的业务也能满足。
(支持行数据增减、支持层级数据增减、支持行数据排序)
表格中的列数据也可以通过自定义添加,并且可以支持多种数据类型,下图中的案例是满足列数据和行数据都可以添加的场景,并且数据可支持多种形式,不过这样的表格组件相对于比较复杂,开发也比较有难度,小型需求场景也比较少运用到,一般会作为主要的模块设计。
5. 多表格组合型表格
多表格组合型表格:支持表格中镶嵌小表格,多个表格组合的形式。
表格镶嵌小表格,也可以理解为多层级的表格,下图中的屏幕可以理解为一级数据,展开后展示该数据下的子集数据,只是子集数据是通过表格的形式展示,因为子集的数据所展示的列数据信息与主数据的列信息不同,所以需要单独展示,通过内嵌表格的形式,可以很好的展示数据层级关系,并且数据的维护和查阅更方便。
二、结语
表格可细分为多种类型,不同的表格类型对应的功能也具有较大的差异,在选择表格类型时,需要根据实际业务需求选择合适的表格,只要能满足实际业务需求,简单的表格可满足就不用选择复杂的表格来实现。
表格中多种操作功能,也并不是都添加上就一定是最好的,总之根据实际需求选择最适宜的即可,能够满足用户需求的同时,还需要尽量地减少视觉噪点。
本文由 @设计小余 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自Unsplash,基于 CC0 协议
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
Excel表格这些常用函数 你知道哪些呢 它们在哪些场景中的应用
EXCEL表格运算函数:让数据处理变得轻松自如 在数字化的世界里,数据处理成为我们日常工作中不可或缺的一部分。
面对繁杂的数据,Excel表格运算函数犹如一把锐利的剑,帮助我们披荆斩棘,将混乱的数据化繁为简,让我们的工作变得更加轻松自如。
一、初识Excel表格运算函数 Excel表格运算函数是微软办公软件中的一把“瑞士军刀”,它具有强大的计算和数据分析功能。
通过使用Excel表格运算函数,我们可以轻松地进行加减乘除、求平均值、求最大值和最小值等基本计算,还可以进行复杂的统计分析、逻辑判断和数据筛选等操作。
二、Excel表格运算函数的分类
1. 数学与三角函数:如SUM(求和)、AVERAGE(求平均值)、MAX(求最大值)、MIN(求最小值)、RAND(随机数生成)等。
2. 文本函数:如CONCATENATE(连接)、LEFT(取左)、RIGHT(取右)、MID(取中间)等。
3. 逻辑函数:如IF(条件判断)、AND(逻辑与)、OR(逻辑或)、NOT(逻辑非)等。
4. 查找与引用函数:如VLOOKUP(垂直查找)、HLOOKUP(水平查找)、INDEX(索引)和MATCH(匹配)等。
5. 数据筛选与清洗函数:如FILTER(筛选)、SORT(排序)、SUBTOTAL(部分总计)等。
三、Excel表格运算函数的应用场景
1. 数据分析:通过使用SUM、AVERAGE、MAX、MIN等函数,我们可以快速分析数据的分布情况,为决策提供有力支持。
2. 销售报表:利用VLOOKUP、INDEX和MATCH等函数,我们可以轻松制作销售报表,快速查找产品信息和销售数据。
3. 财务管理:使用IF、AND、OR等逻辑函数,我们可以对财务数据进行条件筛选和判断,确保数据的准确性。
4. 人力资源管理:通过使用COUNT、COUNTA、SUBTOTAL等函数,我们可以对员工信息进行统计分析,为人力资源规划提供数据支持。
四、总结 Excel表格运算函数是我们在数据处理工作中不可或缺的助手。
掌握并熟练运用这些函数,可以让我们在面对繁杂的数据时变得轻松自如。
让我们一起学习Excel表格运算函数,提升自己的工作效率,成为数字世界的侠客。
相关问答
mac常用来的 场景 包括?Mac是一个非常强大的电脑操作系统,适用于许多不同的场景。对于日常使用者,Mac可以用来浏览互联网、查看电子邮件、处理文档和电子表格、编辑照片和视频等。对...
WPS的 应用 范围-ZOL问答WPS的应用范围WPS讨论回答(3)WPS(WordsPerfectSuite)是一款办公软件套装...电子表格、演示文稿等多个功能模块,可以满足用户在办公场景下的多种需求。WPS...
氧气含量报警表 应用场景 ?氧气含量报警表主要应用在以下场景:工业生产:在许多工业生产过程中,特别是涉及到燃烧、焊接、切割等工艺时,氧气是必不可少的助燃剂。此时,氧气含量报警表可...
平均数、众数和中位数,分别适用在哪些 场景 ?这是小学数学统计与概率里面的三个数学概念,平均数,众数,中位数都可以用来描述一组数据的集中趋势,一般先学平均数,概念比较容易掌握,中位数和众数的学习可...小...
excel 表格 混合 应用的 概念?在Excel中,混合应用(HybridApplication)通常指的是结合了不同功能、格式和特性的工作表。这种混合应用可以充分利用Excel的各种功能和组件,满足用户在数...
WPS 表格 工具介绍?WPS表格是一款非常强大的电子表格软件,主要用于数据处理和管理。以下是WPS表格界面的主要功能:1.定位栏:用于在工作表中快速定位和编辑数据。2.文件菜单:...
传感器分类及 应用场景 是什么?[回答]一、温度传感器:是指能感受温度并转换成可用输出信号的传感器。温度传感器是温度测量仪表的核心部分,品种繁多。按测量方式可分为接触式和非接触式...
两表法适用情况?两表法,指的是将一张表拆成两张表,并通过某些字段进行关联,从而达到减少数据冗余和提高查询效率的目的。适用情况主要是数据表中存在大量的重复值或者数据表...
2020年即将爆发的十大 电子应用 在哪个领域呢?答:2019年,5G手机试水,TWS耳机爆量,ETC覆盖率达90%,AR/VR迈向爆发前夜……走进2020年,哪些行业应用将持续火爆,成为半导体产业链关注的焦点。泰德兰分析...20...
寂静岭里世界和表世界怎么待?在寂静岭的表世界里,场景为漫天大雾,室内基本和现实世界相当,通常只在迷雾中会有一些零星怪物,可以不管绕开跑即可。在寂静岭的里世界中,则身处黑暗,环境和...