显示/格式化表格数据（网络）

Question

在我的示例中，我有一个表，其中每行都是用户，例如。列可以包括他们的姓名，地址，电子邮件地址等。我现在需要添加一个列（假设示例）他们的猫的名字。虽然大多数人没有猫，有些人会有1-2只猫，偶尔会有20只猫在桌子上创造一条很长的排。这给了我一个介绍和过滤/搜索猫名称的问题。有没有一个很好的解决方案来显示这种类型的数据？

Answer 1

将字段的前50个（或其他）字符显示为正常，然后将其余字符放在一个块中，其可见性设置为通过CSS隐藏。包含一个链接/按钮/图标，允许用户切换可见性，以便他们可以看到整个值。

Answer 2

有几个选择：

1. 设置单元格的最大宽度并允许数据换行
2. 将内容放在包装器标签（例如div）中，并使用固定宽度/高度和overflow：hidden样式设置div，以确保特别长的单词不会强制单元格的宽度。
3. 截断服务器端的输出文本

对于情况＃2和＃3，将TD标记的Title属性设置为包含完整的非截断文本。当将鼠标悬停在单元格上时，这将显示为工具提示。

我会提到其他基于CSS的解决方案，但现在它们的支持非常稀少，所以不值得一提。

Answer 3

你可能想尝试像SO那样做的事情。也就是说，一旦有人到达他们的Rep中的某个点，它就会对数字加后缀并对其进行修改。防爆。 10k而不是10,236。

这样数字就不会失控。