Applying different CSS class to each column of each row

purvesh

Hi,

I want to apply different CSS class to each column of each row after ajax call while creating of new paginated page.

Example:

For Ajax response as given below:

{
"sEcho": 1,
"iTotalRecords": "57",
"iTotalDisplayRecords": "57",
"aaData": [
[
"Gecko",
"Firefox 1.0", [quote] want to apply light-yellow-class for this column[/quote]
"Win 98+ / OSX.2+",
"1.7",
"A"
],
[
"Gecko",
"Firefox 1.5",[quote] want to apply light-blue-class for this column[/quote]
"Win 98+ / OSX.2+",
"1.8",
"A"
],
[
"Gecko",
"Firefox 2.0",[quote] want to apply light-green-class for this column[/quote]
"Win 98+ / OSX.2+",
"1.8",
"A"
],
[
"Gecko",
"Firefox 3.0",[quote] want to apply light-gray-class for this column [/quote]
"Win 2k+ / OSX.3+",
"1.9",
"A"
],
[
"Gecko",
"Camino 1.0",[quote] want to apply light-yellow-class for this column [/quote]
"OSX.2+",
"1.8",
"A"
],
[
"Gecko",
"Camino 1.5",[quote] want to apply light-blue-class for this column [/quote]
"OSX.3+",
"1.8",
"A"
],
[
"Gecko",
"Netscape 7.2",[quote] want to apply light-yellow-class for this column [/quote]
"Win 95+ / Mac OS 8.6-9.2",
"1.7",
"A"
],
[
"Gecko",
"Netscape Browser 8",[quote] want to apply light-blue-class for this column [/quote]
"Win 98SE+",
"1.7",
"A"
],
[
"Gecko",
"Netscape Navigator 9",[quote] want to apply light-yellow-class for this column [/quote]
"Win 98+ / OSX.2+",
"1.8",
"A"
]
]
}



Please help.