javascript - スタイリング 動的に追加されたテーブル ヘッダーと列

Question

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

Answer 1

テーブルに ID またはクラスがある場合は、css でそれらを直接ターゲットにすることができます。それらが乗っ取られている場合は、それらに !important タグを追加します。

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');

Answer 2

jquery .css() をチェックしてください

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

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

Jquery には、css プロパティを動的に変更する関数がいくつかあります。幅のためのいくつかの関数もあります

$("th").width( value )

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

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