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!

Introducing the Splunk Community Dashboard Challenge!

Welcome to Splunk Community Dashboard Challenge! This is your chance to showcase your skills in creating ...

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 Certification at ...

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