0

我有一个 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. 在表格中使用“自动换行：断词”
  2. HTML 表格中的自动换行
  3. 使用 jQuery 调整 HTML 表格单元格宽度
  4. 当总宽度超过 100% 时表格单元格被隐藏
4

2 回答 2

2

您可以在此处查看实时示例：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-17T13:54:17.250 回答
0

你可以使用 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-17T13:51:01.073 回答