后台产品有一个很重要、常见的元素，就是表格。表格承担着详情入口、数据展示的功能，看似简单，其实里面的细节特别多。在以效率为最重要的需求的后台产品中，如何设计一个能够高效率地进行查看和编辑的表格，考验着每一个后台产品经理的基本功。通过本文的讲解，按照本文的规范来设计表格，基本上可以做出一个不会出错的表格。 表格主要承担着查看和编辑两个基础功能。如何能够让用户方便、高效、舒适地查看数据和编辑数据，需要设计很多的辅助功能。下面，我们就围绕着这两大功能，就具体的功能点来进行探讨。

使用等高表列数字的技巧

在设计时，你需要做一点工作来确保使用的数字是正确的（等高表列数字通常不是默认的）。Adobe产品有一个“opentype”面板用于正确设置数字，CSS也提供了一种”slightly－cryptics“语法来确保其可用。除了这些，一些基本搜索也可以引导你找到正确的方向。

但是坏消息是：并不是所有的字体包含的等高表列数字都可用。有一些可用的往往很贵。但有少数例外：优秀的“Work Sans”字体是一款带有等高表列数字的免费字体。

如果你无法找到合适的带有等高表列数字的字体，可以使用等宽字体代替——它们看起来更像“源代码”，总是很适合在表格中展示数字。另外，新的苹果系统的默认字体“San Francisco”也包含优秀的等高表列数字，并且在小尺寸的时候看起来很棒。

对齐至关重要

有3个半原则要遵循：

1. 数字要右对齐

2. 文字要左对齐

3. 表头与数据对齐

3.5 不要使用居中对齐

美国各州人口统计－维基百科

数字从右向左读；这就是说，我们比较数字时，首先看个位，然后是十位、百位。大多数人们也是这样学习算术的——从右边开始，向左移动，动态地传递数据。所以，表格中的数字应该保持右对齐。

文本信息（英文）从左向右读。通常是按字母顺序排序的方法比较文本信息：如果两个条目以相同的字母开头，就比较第二个字母，以此类推。如果没有左对齐，试图快速浏览这样的文本会使人烦躁。

表头通常应当遵循表格中数据的对齐方式。这是的表格垂直方向看起来更整洁，并提供了一致性和上下文环境。

居中对齐会使表格的行看起来“参差不齐”，浏览条目会更困难，常常要使用额外的分隔线和图形元素。