2012-03-09 12 views
0

テーブルヘッダーがあるテーブルがあります。私は個々の列に35px幅を固定して使用しています。そのため、私はテーブルレイアウトを使用しました:固定とオーバーフロー:隠して、個々のセルが割り当てられた幅に収まるようにし、動的に拡張しないようにします。しかし、テーブルヘッダーは中央揃えになっています。だから、オーバーフロー:隠されて両側からカットされます。たとえば、表のヘッダーがABCDEFGHの場合、表示されるヘッダーはCDEFです。オーバーフローが隠れている場合に動的に調整します。

ヘッダーの中央揃えが必要で、ヘッダーテキストの左側も失うことはありません。これはどんな方法でも可能ですか?私はJava btwを使用します。

答えて

0

"overflow:hidden"をデータセルにのみ割り当てるには、CSSを使用します。次のようなものがあります。

.my-table-class th 
{ 
    /* styles here */ 
} 

.my-table-class td 
{ 
    overflow:hidden; 
} 
+0

ヘッダー自体がオーバーフローで動作するようにしたい:hidden。しかし、彼らが中心に揃っているので(そして、私はそうするつもりです)、これらのヘッダーテキストは両側から切り捨てられ、私はヘッダーの中央部分だけを持つことになります。一部のヘッダーはセル内に収まるようになりますが(中央揃え)、他のヘッダーは切り捨てられます。したがって、他のいくつかのセルでは、それらを動的に割り当てることができます:左揃え。 – Vish

+0

ああ、ヘッダーテキストの周りにコンテナを置き、ヘッダーの内側にコンテナを配置してから、アラインメントとオーバーフロースタイルをコンテナ自体に適用できますか? – Zensar

関連する問題