topic Re: How to make HTML table column width's adjustable? in Splunk Search

How to make HTML table column width's adjustable?

kasu_praveen — Tue, 05 Jan 2016 09:15:43 GMT

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

Re: How to make HTML table column width's adjustable?

jkat54 — Tue, 05 Jan 2016 14:18:04 GMT

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

Re: How to make HTML table column width's adjustable?

wandre_splunk — Tue, 05 Jan 2016 16:29:19 GMT

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/