Splunk Search

How to remove table headers from tableView Object in Javascript?

Communicator

I wanted to remove the table headers from a statistics table. I tried to add it the following code to my javascript, but it doesn't work.

document.getElementById("myTable").deleteTHead();

Can we use tableView object to remove the table headers? If not, what is the best practice? Thanks.

0 Karma

Builder

Assuming you have <table id="myTable"> in your simple XML somewhere, I don't think "myTable" is an HTML table's ID. I'd go through mvc.Components.get and then use getVisualization on the result - like that:

mvc.Components.get('myTable').getVisualization(function(tableView){
          tableView.table.deleteTHead();
}
0 Karma

Communicator

It doesn't work. According to the following document, the tableView doesn't have table in the properties

http://docs.splunk.com/DocumentationStatic/WebFramework/1.2/compref_table.html

0 Karma

Builder

Have you actually tried that? The tableView inside that function is the result of getVisualization, not the component brought back by mvc.Components.get.

Also, with Splunk, one cannot rely on documentation alone - many things are underdocumented, or the useful definitions are spread across multiple documents.

Take a look at the answer in this question, for example.

0 Karma