Application.js jquery to customize table SimpleResultsTable

SplunkyMonkey — Wed, 31 Jul 2013 17:24:55 GMT

Hi,

I'm attempting to modify cells in a table based on a condition.

Currently I have the following, which doesn't work:

if (Splunk.util.getCurrentView() == 'myView' ) {
$(document).ready( function() {
$('.SimpleResultsTable td').css('background-color', '#ffff00');
});
}

The above code does work to turn the entire table yellow when I replace "SimpleResultsTable td" with "SimpleResultsTable".

So, why can't I change the background of a cell(td)? I have also attempted a row(tr).

My theory is that because all of these tables say "loading" for several seconds, my javascript is firing before these table elements exist. In fact, if I inspect the code before the tables have loaded, I can see the SimpleResultsTable div is empty.

Can anyone suggest a way to accomplish this?

Thanks!

Re: Application.js jquery to customize table SimpleResultsTable

jonuwz — Thu, 01 Aug 2013 08:31:01 GMT

Swap out $(documnet).ready for $(document).ajaxComplete

Re: Application.js jquery to customize table SimpleResultsTable

SplunkyMonkey — Thu, 01 Aug 2013 13:24:45 GMT

Thanks, worked!

topic Re: Application.js jquery to customize table SimpleResultsTable in Dashboards & Visualizations

Application.js jquery to customize table SimpleResultsTable

Re: Application.js jquery to customize table SimpleResultsTable

Re: Application.js jquery to customize table SimpleResultsTable