Web页面中的表格设计，远没那么简单

该案例中，数据表格中的内容存在多行显示，行区分弱化的表格形式，既满足了丰富信息的呈现，也能很快速的进行行与行之间的关键信息对比。

(3)行高设计建议

对于单行显示数据内容的表格，建议行高约为字体高度的2. 5 倍到 3 倍;对于多行显示数据的表格，建议行中内容的最高点与最低点到行框的上下边距略小于文字高度。

四、底栏

底栏紧跟在表格正文之后，主要展示正文中的数据量以及单页数据条目，同时，兼具一些导航的功能，指示当前所在页面以及跳转到指定页面。

1、分页

(1)分页案例1

案例采用了整体页码平铺的方式，分别展示出前、中、后点的若干页码，便于用户顺序查看。案例中的数据不具有特殊性，用户很少会特定的查看某一页的数据，因此没有定点跳转的功能。

(2)分页案例2

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!