This question is locked. New answers and comments are not allowed.
how to change row boder color in telerik grid mvc3 using Ajax binding.I change the background color of row in OnRowDataBound.But border color not changed in that method
var Grid_onRowDataBound = function (e) {
var csOverall = e.dataItem["CSOverall"];
if (csOverall <= 50) {
e.row.style.backgroundColor = "Red";
}
else if (csOverall > 50 && csOverall <= 70) {
e.row.style.backgroundColor = "Yellow";
}
else {
e.row.style.backgroundColor = "Green";
}
}
It working fine for me.
var Grid_onRowDataBound = function (e) {
var csOverall = e.dataItem["CSOverall"];
if (csOverall <= 50) {
e.row.style.border-color = "Red";
}
else if (csOverall > 50 && csOverall <= 70) {
e.row.style.border-color = "Yellow";
}
else {
e.row.style.border-color = "Green";
}
}
But This not work....
var Grid_onRowDataBound = function (e) {
var csOverall = e.dataItem["CSOverall"];
if (csOverall <= 50) {
e.row.style.backgroundColor = "Red";
}
else if (csOverall > 50 && csOverall <= 70) {
e.row.style.backgroundColor = "Yellow";
}
else {
e.row.style.backgroundColor = "Green";
}
}
It working fine for me.
var Grid_onRowDataBound = function (e) {
var csOverall = e.dataItem["CSOverall"];
if (csOverall <= 50) {
e.row.style.border-color = "Red";
}
else if (csOverall > 50 && csOverall <= 70) {
e.row.style.border-color = "Yellow";
}
else {
e.row.style.border-color = "Green";
}
}
But This not work....