열 너비 설정 - HTML 표

Question

http://jsfiddle.net/Lijo/JN8Pm/1/과 같이 HTML 표가 있습니다. 이 테이블은 asp.net의 gridview에 의해 생성됩니다. 그러므로 나는 "tr"안에 "td"에 클래스를 추가 할 수 없다. [이것은 많은 포럼에서의 제안입니다. 하지만 그 때문에]의 gridview에 나를 위해 작동하지 않습니다

내가 어떻게

1. 레드 등의 EMP를 ID 칼럼의 배경색을 설정?
2. Emp ID 열의 너비를 300px로 설정합니까?

참조 :

참조 테이블 스타일링

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

1. Using "word-wrap: break-word" within a table
2. Word-wrap in an HTML table
3. Adjusting HTML Table Cell Width using jQuery
,369은 다음 두
4. Table cells get hidden when total width is more than 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에서 작동하지 않지만, 그 라인을 따라 뭔가해야