topic Re: How to remove table headers from tableView Object in Javascript? in Splunk Search

How to remove table headers from tableView Object in Javascript?

splunkrocks2014 — Tue, 20 Dec 2016 17:27:23 GMT

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.

Re: How to remove table headers from tableView Object in Javascript?

arkadyz1 — Tue, 20 Dec 2016 20:50:03 GMT

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();
}

Re: How to remove table headers from tableView Object in Javascript?

splunkrocks2014 — Tue, 20 Dec 2016 21:21:43 GMT

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

Re: How to remove table headers from tableView Object in Javascript?

arkadyz1 — Tue, 20 Dec 2016 21:36:22 GMT

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.