动态设置gridview列背景

<GridView>
  <Columns>
    <asp:BoundField DataField="Column1" HeaderText="Column 1" ItemStyle-CssClass="column1" />
    <asp:BoundField DataField="Column2" HeaderText="Column 2" ItemStyle-CssClass="column2" />
    ...
  </Columns>
</GridView>

var column1Cells = document.getElementsByClassName("column1");
for (var i = 0; i < column1Cells.length; i++) {
  var cell = column1Cells[i];
  // 根据条件设置背景色
  if (条件1) {
    cell.style.backgroundColor = "red";
  } else if (条件2) {
    cell.style.backgroundColor = "blue";
  } else {
    cell.style.backgroundColor = "white";
  }
}

var column2Cells = document.getElementsByClassName("column2");
for (var i = 0; i < column2Cells.length; i++) {
  var cell = column2Cells[i];
  // 根据数据设置背景色
  var data = cell.innerText;
  if (data > 100) {
    cell.style.backgroundColor = "green";
  } else {
    cell.style.backgroundColor = "yellow";
  }
}