表格可读性提升分析（2）

单元格内容不清晰

主要是单元格内容的展示以及数据属性对可读性的影响。分别阐述了根据数据特性定制显示的四种对齐方式，首先是满足用户需求，其次才是迎合用户的阅读习惯。最后一点，应该注意单元格的内容不留空。

可变长度字符串左对齐，“可变长度”指长度不一定的数据列，比如商品名称。此类情况应该符合用户的视线规律，左对齐排列，也能辅助对比明确各条数据的长短。如下图，表格的Title, Company, Location三个字段数据：

固定长度、较短字符串居中，“固定长度”指长度规格不会变化的数据列，比如日期2009.02.21（补0是数字书写规范）。“较短字符串”指很短也不需逻辑对比的数据列，比如操作链接，或表状态文字，放中间左右留白均等是折中的最好效果。如下图，表格的“报告、状态”两个字段数据：

可比较字符串右对齐，“可比较”指需要关联对比的数据列，基本都指数字的情况，比如钱有十位的￥24.30和百位的￥452.10。注意一点，这里的“可比较”其实也是“可变长度”的，只不过“可比较”是更重要的需求。表格的数据列对比，是各种系统和平台最经常碰到的需求，此点也是最容易被忽视的问题。如下图，表格的数字纵向对比效果：

合并列的单元格顶部对齐，“合并列的单元格”指使用了rowspan这个跨行属性，指需要在水平方向跨多个单元格的需求，复杂表格中一对多的关系。此时已经rowspan的单元格应该定义valign=”top”靠顶，以保证所有数据在第一行能显示完整。因为单元格默认垂直居中，如果是多行的数据表，用户从上往下的阅读开始往往搞不清楚对应的后续数据列内容。如下图，表格的“联系人、状态、价格”三个字段数据：

不留空白，空白单元格容易造成用户困惑甚至误解，用户会搞不清楚到底是没有数据，还是根本没有值？正确做法，没有数据的显示0，给没有值的单元格划线或者打叉。如下图，单元格内划横杠表示不支持：