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
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

(re)Introducing the Splunk Community Champions + 2026 – 2027 Splunk MVPs ...

This program exists as a channel to empower and recognize Splunk advocates and help supercharge initiatives to ...

Introducing the 2026 - 2027 SplunkTrust cohort!

The goal of the SplunkTrust™ membership has historically been to acknowledge and recognize those who go above ...

Pro Tips for .conf26: How to Prep Like a Splunk Veteran

There’s no shortage of incredible content lined up for .conf26 in Denver, from deep-dive technical sessions ...