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!

Preparing your Splunk Environment for OpenSSL3

The Splunk platform will transition to OpenSSL version 3 in a future release. Actions are required to prepare ...

Easily Improve Agent Saturation with the Splunk Add-on for OpenTelemetry Collector

Agent Saturation What and Whys In application performance monitoring, saturation is defined as the total load ...

Explore the Latest Educational Offerings from Splunk [January 2025 Updates]

At Splunk Education, we are committed to providing a robust learning experience for all users, regardless of ...