You can do this with application.js (if you dashboards are bundled in a separate app). The nice thing about this approach is that it works in simple XML.
Step one: update application.js
First, add the following to $SPLUNK_HOME/etc/apps/YOUR_APP/appserver/static/application.js:
if( Splunk.Module.SimpleResultsTable ){
Splunk.Module.SimpleResultsTable = $.klass(Splunk.Module.SimpleResultsTable, {
renderResults: function($super, htmlFragment) {
$super(htmlFragment);
if (this.getInferredEntityName()=="events") {
this.renderedCount = $("tr", this.container).length - 1;
}
$.each( $('.simpleResultsTable td'), function(index, value) {
$(this).attr('data-value', $(this).text() );
});
}
});
}
This code will add the value of the field to the table cell which allows you to write CSS that matches the table such that you can stylize it. Your table cells will look like the following and will contain an attribute named "data-value" which allows you to write CSS selectors to match and stylize table cells:
td class="d" field="ScanStatus" data-value="Not up to date">Not up to date
Step two: define CSS
Next, make the CSS selectors in $SPLUNK_HOME/etc/apps/YOUR_APP/appserver/static/application.css. Something like:
.SimpleResultsTable tr td.d[field="title"][data-value="Not up to date"]{
font-weight: bold;
background-color: #C42323;
color: white;
}
I am using this technique in an application I am writing right now and it works well. See http://lukemurphey.net/projects/splunk-website-monitoring/wiki for a screenshot.
... View more