DataTables
HTML
<link rel="stylesheet" href="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.css">
<script src="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.js"></script>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Column1</th>
<th>Column2</th>
<th>Column3</th>
<th>Column4</th>
</tr>
</thead>
<tbody>
<tr>
<td>AAAA</td>
<td>1111</td>
<td>1111</td>
<td>1111</td>
</tr>
<tr>
<td>BBBB</td>
<td>1111</td>
<td>1111</td>
<td>1111</td>
</tr>
<tr>
<td>CCCC</td>
<td>O</td>
<td>1111</td>
<td>O</td>
</tr>
<tr>
<td>AAAA</td>
<td>2222</td>
<td>2222</td>
<td>2222</td>
</tr>
</tbody>
</table>
CSS
.highlight {
background-color: #FF9;
}
JavaScript
$(document).ready(function (){
var table = $('#example').DataTable({
drawCallback: function(){
var api = this.api();
api.columns().every( function () {
var data = this.data();
if($.inArray('O', data) !== -1){
$(this.nodes()).addClass('highlight');
} else {
$(this.nodes()).removeClass('highlight');
}
});
}
});
});