jquery - 列宽设置 - 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. > Using "word-wrap: break-word" within a table
2. > Word-wrap in an HTML table
3. > Adjusting HTML Table Cell Width using jQuery
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 列的颜色和大小。 我希望这能解决您的问题。