表格宽度太宽了 - jQuery?

时间:2012-01-25 02:18:27

标签: jquery html html-table concatenation width

我有一个HTML表格,在一行(~25)中显示了很多列,并且表格超出了页面大小并导致滚动条。这是预期但不良行为。

我正在寻找一种方法来缩小每列的内容,如果需要的话可以拉伸更大的列。

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

information1 |信息2 |信息3 |信息4 | information5

所需的功能将是这样的:

infor ... | infor ... | infor ... | infor ... |公...

这些列中的每一列都可以伸展或悬停在其他位置......以查看完整内容。我已经看过一些像zentable和ingrid这样的jQuery插件,它们允许列调整大小但不是连接,据我所知,在没有滚动条的父元素中适合表的所有内容。

1 个答案:

答案 0 :(得分:3)

您在寻找省略号吗?那是文本被截断后跟点......

如果文本溢出容器,则添加省略号:

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

This fellow提供了有关它的更多详细信息。