topic Re: Splunk Dashboard Examples - Table Row highlighting bug ? in All Apps and Add-ons

Splunk Dashboard Examples - Table Row highlighting bug ?

greggz — Thu, 01 Feb 2018 12:00:27 GMT

The first time you enter the page or refresh the page, the table will not have the rows highlighted. As seen here

After you go to page 2 , then back to 1 the highlight appears

This happens because render is called twice, but the event rendered only happens once, between the two renders.

Is this the behaviour expected ? I'll just move the table row highlighting to render for the time being, but I wanted to understand if I'm missing something

Thanks

Re: Splunk Dashboard Examples - Table Row highlighting bug ?

cmerriman — Thu, 01 Feb 2018 12:45:11 GMT

What version of Splunk are you using? I think there as a change in Splunk 6.6, maybe, that affected this. We just noticed this issue in one of our dashboards we use this in, and we changed td to tr in the js and css.

Re: Splunk Dashboard Examples - Table Row highlighting bug ?

greggz — Thu, 01 Feb 2018 12:53:18 GMT

Im using 7.01

Re: Splunk Dashboard Examples - Table Row highlighting bug ?

greggz — Thu, 01 Feb 2018 12:53:53 GMT

can you specify where you changed that ? thanks for answering

Re: Splunk Dashboard Examples - Table Row highlighting bug ?

niketn — Thu, 01 Feb 2018 13:12:08 GMT

@cmerriman @greggz, refer to one of my older answer with a workaround with this issue: https://answers.splunk.com/answers/588394/change-the-color-of-rows-in-a-table-based-on-text-1.html . I had used setTimeout() function inside tableView's rendered() function to ensure that custom row render is applied.

     tableView.on('rendered', function() {
         // Add a delay to ensure Custom Render applies to row without getting overridden with built in reder.            
         setTimeout(function(){    
             // Apply class of the cells to the parent row in order to color the whole row
             tableView.$el.find('td.range-cell').each(function() {
                 $(this).parents('tr').addClass(this.className);
             });
         },100);
     });

Re: Splunk Dashboard Examples - Table Row highlighting bug ?

cmerriman — Thu, 01 Feb 2018 13:15:19 GMT

the files are located in the app's appserver/static directory.

Re: Splunk Dashboard Examples - Table Row highlighting bug ?

greggz — Thu, 01 Feb 2018 14:00:24 GMT

Im not asking for the directory. Im asking where in the files specifically. Because I'm not seeing how that would help seeing that the problem is that the built-in render overwrites the custom one

Re: Splunk Dashboard Examples - Table Row highlighting bug ?

niketn — Thu, 01 Feb 2018 14:09:52 GMT

@greggz. please try out and confirm! Also add a BUG tag to your question 🙂

Re: Splunk Dashboard Examples - Table Row highlighting bug ?

gnangia — Wed, 21 Mar 2018 22:08:43 GMT

Answer by niketnilay is correct. We struggled for sometime before looking at answers and added the code that was provided and it works like a charm. Thank you so much.

Re: Splunk Dashboard Examples - Table Row highlighting bug ?

niketn — Sun, 12 Apr 2020 18:15:01 GMT

@greggz if the workaround resolved your issue please accept to mark this question as answered.