Kibana: [Logs UI] Make column width proportions configurable

Created on 28 Aug 2019  路  8Comments  路  Source: elastic/kibana

Following on from the discussion in #39703, we decided to move forward with making logs column width proportions configurable.

Screen Shot 2019-08-28 at 4 57 07 PM

AC:

  • In the settings tab for the source configuration in the Logs UI, each chosen column has a field that allows the user to adjust the CSS "flex-grow" value that will be applied to that column and its header -- this should default to whatever the current values are for our existing default columns, or "1" for new columns added
  • The timestamp field should be left as-is, calculated to auto adjust to the number of characters in the current timestamp format (this won't be configurable at all for now)

Note: should we also consider looking at the newer EUI data table for the Logs UI? https://github.com/elastic/eui/issues/1689

Logs UI logs-metrics-ui Backlog

Most helpful comment

Any update on this? I'm looking forward to replacing my logtrail plugin on kibana to this native logs app, but it is almost unusable due to the reconfigurable width between data fields.

image

I simply want to reduce that blank space between kubernetes.lables.app and log fields in this screenshot.

All 8 comments

Pinging @elastic/infra-logs-ui

What should the UI for this look and feel like? Is it literally just a text box to change the flex-grow value, or should we abstract that value away somehow?

Also, is the Message column adjustable? I noticed that it's no longer possible to move the Message column to anywhere but the final position, so I'm wondering if like the Timestamp column it should just be frozen.

I think the EUI data grid would solve this issue. The column width can be adjusted by dragging the borders. https://elastic.github.io/eui/#/tabular-content/data-grid

It doesn't have the virtualization capabilities we need right now, though. And something like the nice timestamp header from #45986 or other customization in the stream rendering could become difficult to implement.

I'm keeping an eye on the data grid in regard to using it as a rendering mechanism for the logs stream, but it's not quite there yet IMHO.

Any update on this? I'm looking forward to replacing my logtrail plugin on kibana to this native logs app, but it is almost unusable due to the reconfigurable width between data fields.

image

I simply want to reduce that blank space between kubernetes.lables.app and log fields in this screenshot.

@mukeshelastic FYI

I think it might be worth investigating how easily we could add virtualized scrolling support to the EUI datagrid component which would then make things like column resizing easier.

Is this feature on the roadmap for 2020? In the meantime is there a good alternative plugin ?

Plenty of whitespace in this screenshot too on Kibana 7.10.0
image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

stacey-gammon picture stacey-gammon  路  3Comments

timroes picture timroes  路  3Comments

Ginja picture Ginja  路  3Comments

timmolter picture timmolter  路  3Comments

MaartenUreel picture MaartenUreel  路  3Comments