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
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.

Can’t make it to .conf25? Join us online!

Get Updates on the Splunk Community!

Can’t Make It to Boston? Stream .conf25 and Learn with Haya Husain

Boston may be buzzing this September with Splunk University and .conf25, but you don’t have to pack a bag to ...

Splunk Lantern’s Guide to The Most Popular .conf25 Sessions

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...

Unlock What’s Next: The Splunk Cloud Platform at .conf25

In just a few days, Boston will be buzzing as the Splunk team and thousands of community members come together ...