jquery - 列幅設定 - HTML テーブル

Question

http://jsfiddle.net/Lijo/JN8Pm/1/に示すような HTML テーブルがあります。このテーブルは、asp.net の gridview によって生成されます。したがって、「tr」内の「td」にクラスを追加することはできません。[これは多くのフォーラムでの提案です。しかし、それはグリッドビューのために私にとってはうまくいきません]

どうやって

Emp ID列の背景色を赤に設定しますか?
Emp ID 列の幅を 300px に設定しますか?

参考：

テーブルのスタイリングについては、次の 2 つを参照してください。

1. table-layout:fixed;
2. word-wrap:break-word;

score 2 · Accepted Answer

ここで実際の例を見ることができます: http://jsfiddle.net/JN8Pm/8/

var table = $('#detailContentPlaceholder_grdTransactions'),
    trs = table.find('tr'),
    headTr = table.find('.second'),
    empHeader = $($(headTr).children('th')[1]);

table.width(table.width() + 300);

empHeader.css('background-color', 'red');
empHeader.width(300);

for (var i = 2; i < trs.length; i += 1) {    
    var td = $($(trs[i]).children('td')[1]);
    td.css('background-color', 'red');
    td.width(10);
}

EmplID 列の色とサイズを変更しています。これで問題が解決することを願っています。

score 0 · Accepted Answer

jqueryを使用してこのようなことを行うことができます

 $('tr').each(function(index) {
     if (index > 1){
        $($(this).children()[1]).css("background-color","Red");

     }
     $($(this).children()[1]).css("width","300px");
});

http://jsfiddle.net/JN8Pm/6/

幅の変更はjsfiddleでは実際には機能しないようですが、それらの線に沿ったものでなければなりません

jquery - 列幅設定 - HTML テーブル

2 に答える 2

Related

Reference