How to remove table headers from tableView Object in Javascript?

[splunkrocks2014]

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.

[arkadyz1]

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

[splunkrocks2014]

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

[arkadyz1]

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.