2012-04-24 12 views
0

ChromeとSafariの両方で、ブラウザーが最大化されていないかフルスクリーンで表示されていないか、解像度が低い場合にヘッダー列にタイトルが表示されるという問題が発生しているようです。私は特に被験者の何かを見つけることができないので、ここの誰かが私に骨を投げてくれることを願っています。jQuery Datatablesヘッダーの整列エラーChrome/Safari

とにかく低解像度のfirefoxからのカップルスクリーンショットと低解像度のchromeからのカップルスクリーンショットと、理想的にはウィンドウと解像度のサイズにもかかわらず見えるはずのものの1つをheresします。すべて可能です。

私の考え方は、ChromeとSafariがテキストの折り返しと一緒にパディングを処理する方法かもしれないと思うが、間違っている可能性がある。 Firefoxので

Chrome

Firefox

ニースはそれこれを作るためのいずれかの方法で、私はChromeの場合

周りの作業がないかどうかを確認するために修正または必要すべてのブラウザで使用できます:

Ideal

答えて

2

あなたの列の幅を実際のテキストの幅にきめ細かく設定したようです。あなたが設定した列幅を増やしてください。それ以外

、ヘッダーセルのwhitespace:nowrap;を設定してみてください。

+0

私は 'whitespace:nowrap;'または 'whitespace:pre-wrap;'をお勧めします。列の幅を混乱させる(または列の幅を持つ)ことはおそらく必要ありません。 – Brilliand