表格在网页设计中的作用 第1篇
内部构成元素包括标题、表头、表体、表尾等。标题是对表格信息内容的整体概括，可包含数据来源及属性（日期、地区等），以便用户对表格内容有整体认知。表头一般指列标签，这里也指首列行标签，是对所属行或列信息的描述。表尾一般是统计信息，例如总计、平均数等。
表格在网页设计中的作用 第2篇
在信息量较少或特别多的情况下可以用卡片的形式来展示信息，将信息以组的概念呈现，单张卡片内的信息按优先级进行排列。此外，卡片彼此之间又形成一个整体。
设计技巧：交互篇
表格在网页设计中的作用 第3篇
筛选按照触发方式可分为触发筛选和实时筛选，一般情况下，筛选条件存在交叉时使用触发筛选，不存在交叉时使实时筛选。但是在后台条件允许的情况下，发现型网站一般建议实时筛选，也可以根据筛选条件的数量选择合适的触发方式，比如条件少时用实时筛选，条件多时用触发筛选。
对于筛选条件有交叉的场景，建议采用展开形式，并手动触发刷新。对于筛选条件没有交叉的场景，当条件少于五个，采用tab切换；超过五个少于二十个，采用下拉选择；多于二十五个，为下拉选择添加模糊匹配，并且实时刷新。
其中，tab切换适合没有交集的内容，需要按照特定顺序分类，并保证分类覆盖所有情况，也不宜过多。对于需输入筛选条件的场景，如日期筛选条件，展示出来。下拉选择比tab占的空间小，但建议把重要项默认显示，下拉列表内也可以加入单选按钮或者复选框。表头筛选更节省空间，不过一次只能筛选一类条件。全部显示筛选项适用于输入项相对很少的情况。