Splunk Search

Prevent Horizontal Overflow in TableView

jinseong
Path Finder

Hello,

I am using the Splunk Web Framework TableView Component on a custom dashboard. I have enabled the "wrap" property on the component on my page. In Firefox, this gives me the intended behavior at standard zoom. Text-Wrapping occurs vertically so that my TableView results fit horizontally on the page without any need for a horizontal scrollbar.

However, the default zoom level in Chrome does not share this behavior. Splunk does wrap some of the text but not sufficiently to fit everything to the width of the page. As a result, the table results get a horizontal scrollbar. I see similar behavior in Firefox if I increase the zoom level above 100%. If I scale down to 90% in Chrome, I get the expected behavior.

Because the scrollbar appears at the bottom of the control, which is often off the page, it may not always be clear to the user that there is more data overflowing horizontally they are not seeing because of the overflow behavior. Is there any way to ensure that the TableView component will wrap text vertically so the results will fit the width of the page without any need for a horizontal scrollbar?

Thank you very much for any help you can provide.

Tags (2)
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!

Splunk App Dev Quarterly Roundup: AI, Agents, and Innovation!

Another quarter, another wave of innovation. From complex integrations to pushing the limits ...

What’s New in Splunk AI: Volume 02

Welcome to the second edition of “What’s New in Splunk AI” where we look at the latest and greatest updates, ...

Value Insights: Now Generally Available in the CMC

Organizations are under pressure to move faster, control cost, expand AI adoption, and prove value with more ...