列寬設置 - HTML表

我有一個HTML表，如http://jsfiddle.net/Lijo/JN8Pm/1/所示。該表由asp.net中的gridview生成。因此，我不能在「tr」中添加「td」類。 [這是許多論壇的建議;但不會對我來說，由於GridView控件]工作列寬設置 - HTML表

我怎樣才能

設置的Emp ID列的背景色爲紅色？
將Emp ID列的寬度設置爲300px？

參考：

參考下面兩個用於表造型

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

來源

2012-08-17 Lijo

生成此代碼的asp.net代碼可能對回答您的問題很有用。發表它？ – xthexder 2012-08-17 13:42:19

http://jsfiddle.net/JN8Pm/2/ – SRN 2012-08-17 13:44:00

@SRN請看寬度。它不會到達300px – Lijo 2012-08-17 13:44:59

你可以在這裏看到生動的例子：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列的顏色和大小。我希望這是解決您的問題。

來源

2012-08-17 13:54:17

謝謝..即使http://jsfiddle.net/Lijo/JN8Pm/10/也適合我的真實需求。 – Lijo 2012-08-17 14:00:59

不客氣。我很高興我幫助:) – 2012-08-17 14:01:33

你可以做這樣的事情的使用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似乎工作，但它應該是類似的規定

來源

2012-08-17 13:51:01 John

請參閱http://jsfiddle.net/JN8Pm/8/和http://jsfiddle.net/Lijo/JN8Pm/10/用於演奏小提琴中的工作演示:-) – Lijo 2012-08-17 14:09:40

列寬設置 - HTML表

回答

相關問題