页面宽度过宽 - jQuery？

Question

我有一个HTML表格，在单行（〜25）中显示很多列，并且表格正在伸展超出页面大小并导致滚动条的方式。这是预期的，但不受欢迎的行为。

我正在寻找一种方法来缩小每个列的内容，同时还可以根据需要拉伸较大的列。

所以目前我的表中的一排看起来是这样的：

information1 | information2 | information3 | information4 | information5

所需的功能将是这样的：

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

随着每一列的能力，伸出或悬停等等，以查看完整的内容。我已经看到了一些像zentable和ingrid这样的jQuery插件，它们允许调整列大小，但不是连接，据我所知，无需滚动条即可将父表元素中所有内容放入父元素中。

Answer 1

您是否在寻找ellipsis？当文本被截断，随后点是......

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

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

This fellow提供更多关于它的细节。