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!

Application management with Targeted Application Install for Victoria Experience

  Experience a new era of flexibility in managing your Splunk Cloud Platform apps! With Targeted Application ...

Index This | What goes up and never comes down?

January 2026 Edition  Hayyy Splunk Education Enthusiasts and the Eternally Curious!   We’re back with this ...

Splunkers, Pack Your Bags: Why Cisco Live EMEA is Your Next Big Destination

The Power of Two: Splunk + Cisco at "Ludicrous Scale"   You know Splunk. You know Cisco. But have you seen ...