页面的表格宽度太宽 - jQuery？答案

【问题标题】：Table width too wide for the page - jQuery?页面的表格宽度太宽 - jQuery？
【发布时间】：2012-02-18 07:20:48
【问题描述】：

我有一个 HTML 表格，在一行 (~25) 中显示了很多列，并且表格超出了页面的大小并导致滚动条。这是意料之中但不受欢迎的行为。

我正在寻找一种方法来缩小每列的内容，并在需要时将列拉伸得更大。

所以目前我表中的一行看起来像这样：

信息1 |信息2 |信息3 |信息4 |信息5

所需的功能是这样的：

信息... |信息... |信息... |信息... |信息...

这些列中的每一个都可以被拉伸或悬停在上面等...以查看完整内容。我见过一些 jQuery 插件，比如 zentable 和 ingrid

【问题讨论】：

【解决方案1】：

您在寻找省略号吗？那是文本被截断并后跟点的时候......

如果文本溢出容器，则添加省略号：

overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
width: 100%;

This fellow 提供了更多详细信息。

【讨论】：