Applying different CSS class to each column of each row

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",

want to apply light-yellow-class for this column

"Win 98+ / OSX.2+",
"1.7",
"A"
],
[
"Gecko",
"Firefox 1.5",

want to apply light-blue-class for this column

"Win 98+ / OSX.2+",
"1.8",
"A"
],
[
"Gecko",
"Firefox 2.0",

want to apply light-green-class for this column

"Win 98+ / OSX.2+",
"1.8",
"A"
],
[
"Gecko",
"Firefox 3.0",

want to apply light-gray-class for this column

"Win 2k+ / OSX.3+",
"1.9",
"A"
],
[
"Gecko",
"Camino 1.0",

want to apply light-yellow-class for this column

"OSX.2+",
"1.8",
"A"
],
[
"Gecko",
"Camino 1.5",

want to apply light-blue-class for this column

"OSX.3+",
"1.8",
"A"
],
[
"Gecko",
"Netscape 7.2",

want to apply light-yellow-class for this column

"Win 95+ / Mac OS 8.6-9.2",
"1.7",
"A"
],
[
"Gecko",
"Netscape Browser 8",

want to apply light-blue-class for this column

"Win 98SE+",
"1.7",
"A"
],
[
"Gecko",
"Netscape Navigator 9",

want to apply light-yellow-class for this column

"Win 98+ / OSX.2+",
"1.8",
"A"
]
]
}



Please help.