因各种需求致使页面上并不局限于显示一个表格而往往需要同时显示多个数据列表,这时就需要设计多个数据表的布局。两组数据放在一个页面上,常常是为了对比,采用分栏的方式就比较适合;把四组数据进行排列显示,可以借鉴解析几何中的坐标象限的方法;当页面需要多组数据显示时,可采用类似网页设计的方法。

具体步骤

一、单组数据——行列锁定

大部分的表格只涉及一个数据表,也就是整个页面上只有一组数据,当数据量不大时,可是任意填写,不需要进行设置。

当有大量数据,但却没有太大的空间来展示它时,超长、超宽的数据列表就需要将关键数据列“锁定”在页面上而不被移出,同样也要保留顶端的数据行标签才有利于读者观看和减少记忆负担。这就是所谓的“行列锁定”。

地区   第一季度小计   4月   5月   6月   第二季度小计  

BH001   6,325   1,406   2,986   3,185   7,577  

BH002   4,501   2,716   2,157   2,135   7,008  

二、两组数据——分栏

两组数据放在一个页面上,常常是为了对比。相对于上下比较来说,人们似乎更习惯于左右比较。为了让数据更易于比较,构建表格时更倾向于列与列之间的比较,所以采用分栏的方式就比较适合。

三、四组数据——象限

把四组数据进行排列显示,可以借鉴解析几何中的坐标象限的方法,在上下左右四个象限中依次放入四个数据表。

四、多组数据——网页条块

设计过网页的朋友都知道,网页上的内容大多来自数据库,之所以分成了各个板块,主要是因为数据来自不同的数据表,所以,当页面需要多组数据显示时,可采用类似网页设计的方法,将版面划分为不同规格的数据区域,然后通过sql语句从各个表中提取数据。当然,条块分割得太小时,需要用“更多(more)……”按钮超级链接至明细页面。