列寬設置 - HTML表

Question

我有一個HTML表格，如http://jsfiddle.net/Lijo/JN8Pm/1/所示。 該表由asp.net中的gridview生成。 因此我無法在“tr”中向“td”添加一個類。 [這是許多論壇的建議; 但由於gridview，這對我不起作用]

我怎樣才能

1. 將Emp ID列的背景顏色設置為紅色？
2. 將Emp ID列的寬度設置為300px？

參考 ：

有關表格樣式，請參閱以下兩個

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

1. 在表格中使用“自動換行：break-word”
2. HTML表格中的自動換行
3. 使用jQuery調整HTML表格單元格寬度
4. 當總寬度超過100％時，表格單元格會被隱藏

Answer 1

你可以在這里看到現場例子： 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列的顏色和大小。 我希望這能解決你的問題。

Answer 2

你可以使用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中並沒有真正起作用，但它應該是沿着這些方向的東西