0

I am having a very strange problem with the styling of the table that has attached jquery datatable on it. Can someone help me with this one? I put the page here:

http://aldee07.eu5.org/test/

PS: for the link above, please just ignore the javascript error and malfunction of the scripts. I am just concern with the CSS of that page.

Thank you very much in advance. I am really stuck with this problem.

4

1 に答える 1

1

問題は、ブートストラップcssinputがデフォルトの幅260pxに設定されていることに起因します。これは、テーブルの列には大きすぎ、スクリプトが指示しているよりも列の幅が広くなります。

これは100％cssの治療法ではありませんが、デフォルトを上書きするためのより堅牢なcssルールを作成するためのパスを示します。

すべてのcssリンクタグの後に、以下を追加します。

<style type="text/css">
    input { width: 85%} 
</style>

テーブルは親に合うように縮小され、ヘッダーinputタグとおそらく<TH>パディングのためにいくつかのcssの改善を書く必要があります。入力要素を含む行に特別なクラスを追加し、そこから作業します。また、bootsrap APIには、サイズごとに異なるクラスがあります。input

デモ：http：//jsfiddle.net/PSvyz/

于 2012-11-04T20:08:01.540 に答える