頁面寬度過寬 - 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提供更多關於它的細節。