テーブルの幅がページに対して広すぎる - jQuery？

Question

私は、1行（〜25）にたくさんの列を表示するHTMLテーブルを持っており、そのテーブルはページのサイズを超えてスクロールバーを引き起こしています。これは予期されていますが望ましくない動作です。

私は、必要に応じて列を大きくする方法で各列の内容を縮小する方法を模索しています。

現在、テーブルの行は次のようになります。

information1 |情報2 |情報3 |情報4 |情報5

希望の機能は次のようなものです：

infor ... | |インフォ... |インフォ... |インフォ...情報...

これらの各列には、コンテンツ全体を表示するために伸ばしたり、上に乗せるなどの機能があります。私は、zentableやingridのようないくつかのjQueryプラグインを見てきましたが、列のサイズ変更を許可しますが、スクロールバーを持たない親要素にテーブルのすべてのコンテンツを収めるためには連結はできません。

Answer 1

省略記号をお探しですか？テキストが切り捨てられ、ドットが続いている場合には、テキストがコンテナをオーバーフローした場合

は省略記号を追加......です：

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

This fellowはそれについての詳細を提供します。