设计观察05-设计中表格说明汇总

表格主要涉及搜索,批量操作按钮,表格内操作按钮,表格内容。记录下工作中遇到的对表格说明。

1.搜索的触发。搜索的触发主要是搜索框和筛选标签,搜索框的触发有两种情况,实时触发和点击搜索按钮(或者 enter 键)进行触发;筛选标签的触发方式大都采用实时触发;

2.批量操作按钮的使用。批量操作按钮和表格首列的 checkbox 密切相关,批量操作时除正常可进行批量操作的情况外会遇到如下特殊情况:

在未选中数据的情况下点击批量操作按钮:一是在不选中数据时该按钮 disable不可点击,二是允许点击,点击后弹出“请至少选择一条数据”的非模态提示,三是在未选中数据的情况下该操作按钮不显示。通常情况下,为了告知用户目前存在的操作并明确显示出错原因会选择允许点击然后报错的情况;

被选中的数据中全部不能进行该操作:如果选择上一条的第一种方案,则该按钮仍旧 disable,如果是第二种方案,则模态提示“选中的数据不可进行该操作”第三种方案是该按钮仍旧不显示或者显示后若点击则模态提示“选中的数据不可进行该操作”;

被选中的数据部分不能进行该操作:通常情况下会忽略掉不可执行该操作的数据,对可执行的数据执行操作,不进行提示;

遇到需要进行操作的数据不在表格同一页的情况,如果这个场景比较频繁,则需要跨页选择表格,和普通表格翻页后选中的数据会消失不同,跨页表格被选中的数据会放到页面中类似购物车的位置,因为数据已作出保存,所以翻页不会消失;

3.表格列宽。表格列的宽度有固定宽度和最小宽度。类似时间、姓名等可明确预估列宽的字段,可设置固定宽度,对不稳定宽度的列,则对其设置最小宽度。进行相关设置之后,适应大屏幕时设置最小宽度的优势是可以看得更全;

4.表格的排序规则。表格会指定一个或多个字段进行排序,保证数据有序排列;

5.表格表头和内容支持换行。某些场景中会涉及到表头可支持换行,主要是字段名过长但是字段内容较短的情况,比如“本人承担字数(万)”这个字段,表头字段名较长,但是内容较短,在设置固定宽度时,需要考虑换行的问题;表格内容正好相反,表头字段名较短,字段内容较长,例如“论文名称”这个字段。若对该列设置定宽,则需要考虑内容换行的问题;

6.表格支持合并单元格。合并单元格的样式与功能和 excel 中的合并单元格类似;

7.类似删除和审核类会对数据状态进行改变的操作,是否需要对数据立刻进行迁移或者重新排序。通常的处理方式一种是整个表格刷新,数据立刻消失或排序,另一种是数据状态发生变化,手动刷新表格后才消失,这两种情况使用都较为频繁;

8.操作数据后表格分页和排序问题。表格中涉及的搜索、刷新浏览器、删除、新增、编辑等操作会涉及表格分页保留原来位置和回到首页以及是否需要重新排序的问题。通常情况下,除重新搜索和刷新浏览器外,其他操作保留分页和搜索条件,且不触发表格排序,可以减少操作者的定位数据的成本,减少疑惑;

9.表格单元格中使用控件。单元格中可以使用 select、radio、switch等控件。使用此类控件是需要明确保存的时间,通常情况是使用操作按钮保存和实时保存;

10.表格手动排序。表格手动排序通常的处理方式一种是有一列为排序列,是一个数字输入框,输入数字后进行排序,另一种是使用排序按钮进行上移下移置顶置底操作;

11.表格列固定。当表格列过多造成表格出现横向滚动条时,有固定某列或者某几列的需求,这样在滑动滚动条时可以使得重要信息常显示;

12.表格获取数据刷新方式。通常情况下进入页面时表格会从数据库表中进行一次获取数据的刷新。但是涉及到存贮数据的表中数据来源于另一张表时,进入页面时置只会从当前的数据库表获取数据,通过触发按钮进行当前表的数据的更新,并且通常情况下只做数据的条数的增加,不做删除操作。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,542评论 6 504
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,822评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,912评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,449评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,500评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,370评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,193评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,074评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,505评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,722评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,841评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,569评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,168评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,783评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,918评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,962评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,781评论 2 354

推荐阅读更多精彩内容