显示/格式化表格数据(web)

Question

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

Answer 1

让字段的前50个(或其他)字符正常显示，然后将其余字符放入一个块中，并通过CSS将其可见性设置为隐藏。包括一个链接/按钮/图标，允许用户切换可见性，这样他们就可以看到整个值。

Answer 2

有几个选项：

1. 设置单元格的最大宽度并允许数据换行
2. 将内容放入包装标记(如div)中，并将div设置为具有固定宽度/高度和样式overflow:hidden，以确保特别长的单词不会强行缩小单元格的宽度。
3. 截断服务器端

上的输出文本

对于情况#2和#3，将TD标记的Title属性设置为包含完整的非截断文本。当鼠标悬停在单元格上时，它会以工具提示的形式出现。

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

Answer 3

您可能想尝试做一些类似于SO所做的事情。也就是说，一旦有人在他们的Rep中达到某个点，它就会在数字后面加上后缀，并批准它的混合。例如。10k而不是10,236。

这样数字就不会失控了。