スタイリングテーブルヘッダーとカラムを動的に追加

Question

CSS設定/スタイルを変更して、ページに動的に追加されたテーブルをスタイルする必要があります。どういうわけかこれはうまくいかず、私はこの周りの道を探しています。動的に作成されるテーブルのテーブルヘッダーと列のサイズを変更するにはどうすればよいですか？

Answer 1

）（jqueryのの.cssをチェック

http://api.jquery.com/css/

$("th").css("width", value) 

jQueryが動的にCSSプロパティを変更するには、いくつかの機能があります。一部の機能は、幅

$("th").width(value) 

http://api.jquery.com/width/

のためもあり、テーブルがページに追加された後、これらの関数を呼び出します。

Answer 2

テーブルにIDまたはクラスがある場合は、cssで直接それらをターゲットにすることができます。彼らが乗り越えられている場合は、！重要なタグを追加してください。

table#idhere {width:500px !important} 

または

table.clashere {width:500px !important} 

これは、テーブルの幅を見つけて、それが設定されますので、属性として追加します。

var tableWidth = $('#tbl_reportview table.report').width(); 
$('#tbl_reportview table.report').attr('width',tableWidth + 'px');