Splunk Search

How to make HTML table column width's adjustable?

kasu_praveen
Communicator

I am using TableElement/TableView component in my HTML dashboard to render a table.
My search results are showing up good in Table, but width of column values in Table are not adjustable.
A line differentiating between two column heading values is not adjustable. How to make this adjustable?
I need to be able to hold that line and move, so that columns can hide/show accordingly.

Any existing property in TableElement/TableView to make this happen? I am not seeing any in documentation
Ref: http://docs.splunk.com/DocumentationStatic/WebFramework/1.0/compref_table.html

Tags (3)
0 Karma

wandre_splunk
Splunk Employee
Splunk Employee

You can't achieve what you are trying to do with HTML. As stated above, you need to use CSS. With CSS, things can get somewhat complicated very quickly trying to cover all browsers/versions. So, you're better off using javascript. There are plenty of plugins out there that will let you do so quite easily. Here's an example: http://jsfiddle.net/euka4rm3/

0 Karma

jkat54
SplunkTrust
SplunkTrust

You can only resize using CSS as far as I know.

0 Karma
Get Updates on the Splunk Community!

App Platform's 2025 Year in Review: A Year of Innovation, Growth, and Community

As we step into 2026, it’s the perfect moment to reflect on what an extraordinary year 2025 was for the Splunk ...

Operationalizing Entity Risk Score with Enterprise Security 8.3+

Overview Enterprise Security 8.3 introduces a powerful new feature called “Entity Risk Scoring” (ERS) for ...

Unlock Database Monitoring with Splunk Observability Cloud

  In today’s fast-paced digital landscape, even minor database slowdowns can disrupt user experiences and ...