Hi,
I have copied the "table_row_highlighting.js" and "table_decorations.css" in Splunk DashBoard Example and created new ones.
After that the javascript and css looks fine. And table row color and font are changed depending on the key value.
However the only table row color is not changed with the following situation although the table value font is changed.
1. open this dashboard first time.
2. do not change the input panel value.
3. drilldown to this dashboard.
After I do the above thing, table row color is changed.
I am thinking that there is a cause to happen this issue in the lines.
###Original JS###
mvc.Components.get('colortable').getVisualization(function(tableView) {
tableView.on('rendered', 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);
});
});
//Add custom cell renderer, the table will re-render automatically.
tableView.addCellRenderer(new CustomRangeRenderer());
});
});
###myJS###
mvc.Components.get('colortable').getVisualization(function(tableView) {
// Add custom cell renderer
tableView.table.addCellRenderer(new CustomRangeRenderer());
tableView.on('rendered', 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);
});
// Force the table to re-render
tableView.table.render();
});
});
});
Does anyone have an idea or advice to solve it?
I appreciate any ideas and advices.
Best regards,
"setTimeout()" is work and solves this issue.
https://answers.splunk.com/answers/614788/splunk-dashboard-examples-table-row-highlighting-b.html
"setTimeout()" is work and solves this issue.
https://answers.splunk.com/answers/614788/splunk-dashboard-examples-table-row-highlighting-b.html
Hi,
This myJs is working in splunk 6.6.3!
But I would like to let it work in 7.1.3.
Does anyone have another idea?