Here's the page content I can highlight all but the first column???
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Testing DataTable</title>
<link rel="stylesheet" type="text/css" href="layout/css/jquery.dataTables_themeroller.css" />
<link rel="stylesheet" type="text/css" href="layout/css/style.css" />
<link rel="stylesheet" type="text/css" href="layout/css/jquery.dataTables.css" />
<link rel="stylesheet" type="text/css" href="layout/css/jquery-ui-1.10.3.custom.css"/>
<style>
.row_selected {
background-color: #099cc !important;
}
</style>
<script type="text/javascript" src="layout/js/jquery-2.0.3.js"></script>
<script type="text/javascript" src="layout/js/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript" src="layout/js/jquery.dataTables.min.js"></script>
<script type="text/javascript">
var oTable;
$(document).ready(function() {
oTable = $("#fun_stuff_tbl").dataTable();
/* Add a click handler to the rows - this could be used as a callback */
$("#fun_stuff_tbl tbody tr").click( function( e ) {
if ( $(this).hasClass('row_selected') ) {
$(this).removeClass('row_selected');
}
else {
oTable.$('tr.row_selected').removeClass('row_selected');
$(this).addClass('row_selected');
}
});
});
</script>
</head>
<body>
<table id='fun_stuff_tbl'>
<thead>
<tr>
<td>Name</td>
<td>Address</td>
<td>City</td>
<td>Zip</td>
</tr>
</thead>
<tbody>
<tr>
<td>John Green</td>
<td>132 Green Ave</td>
<td>Greeville Texas</td>
<td>02334</td>
</tr>
<tr>
<td>John Green</td>
<td>132 Green Ave</td>
<td>Greeville Texas</td>
<td>02334</td>
</tr>
<tr>
<td>John Green</td>
<td>132 Green Ave</td>
<td>Greeville Texas</td>
<td>02334</td>
</tr>
<tr>
<td>John Green</td>
<td>132 Green Ave</td>
<td>Greeville Texas</td>
<td>02334</td>
</tr>
</tbody>
</table>
</body>
</html>