Dashboards & Visualizations

Application.js jquery to customize table SimpleResultsTable

SplunkyMonkey
Engager

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!

1 Solution

jonuwz
Influencer

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

View solution in original post

jonuwz
Influencer

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

SplunkyMonkey
Engager

Thanks, worked!

0 Karma
Get Updates on the Splunk Community!

Built-in Service Level Objectives Management to Bridge the Gap Between Service & ...

Wednesday, May 29, 2024  |  11AM PST / 2PM ESTRegister now and join us to learn more about how you can ...

Get Your Exclusive Splunk Certified Cybersecurity Defense Engineer at Splunk .conf24 ...

We’re excited to announce a new Splunk certification exam being released at .conf24! If you’re headed to Vegas ...

Share Your Ideas & Meet the Lantern team at .Conf! Plus All of This Month’s New ...

Splunk Lantern is Splunk’s customer success center that provides advice from Splunk experts on valuable data ...