Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Resizable discover table columns #737

Closed
62a opened this issue Nov 28, 2013 · 156 comments · Fixed by #67259
Closed

Resizable discover table columns #737

62a opened this issue Nov 28, 2013 · 156 comments · Fixed by #67259
Labels
Feature:Discover Discover Application release_note:enhancement Team:Visualizations Visualization editors, elastic-charts and infrastructure

Comments

@62a
Copy link

62a commented Nov 28, 2013

In the table view can we size the columns (with wrap option) so that its possibile to fit more on the screen while inspecting log content.
Mouse over the column in header and drag to size ?
displywidth= in the config file per 'field'

@sgargan
Copy link

sgargan commented Feb 28, 2014

I would really like this feature too, I have some simple columns that are taking up tons of space that I'd much prefer to use for expanded message text. I'm happy to help out if someone can give me a few pointers where to start.

@ghost
Copy link

ghost commented May 1, 2014

I could also use this feature.

@alhafoudh
Copy link

+1

3 similar comments
@pemontto
Copy link

+1

@sahilthapar
Copy link

+1

@alexnederlof
Copy link

👍

@evpaassen
Copy link

I'd really like to see this too.


Furthermore, the column contents are trimmed quite agressively, wasting almost 50% of the available space on larger displays. Couldn't trimming be performed by using the css text-overflow property? This would avoid the waste.

Never mind, I completely overlooked the trim factor setting. The description of that setting has an incorrect and confusing description, but I'll create a PR (#1468) for that.

@Dave-Snigier
Copy link

This would be helpful. Have many small columns and a couple large ones that would be nice to have some fixed widths for.

@izhekov
Copy link

izhekov commented Nov 12, 2014

+1 vote from me. This shall be configurable at least on config file level.

@SacredSkull
Copy link

+1

8 similar comments
@ThomasArdal
Copy link

+1

@jyana
Copy link

jyana commented Feb 27, 2015

+1

@gthorsen
Copy link

gthorsen commented Mar 2, 2015

+1

@dlmj12
Copy link

dlmj12 commented Mar 10, 2015

+1

@donjohnson
Copy link

+1

@anton-johansson
Copy link

+1

@jhayotte
Copy link

jhayotte commented Apr 3, 2015

+1

@tomomatsuzaki
Copy link

+1

@muktaa
Copy link

muktaa commented Apr 22, 2015

+1
Am surprised to know this feature is not supported.

@kkc
Copy link

kkc commented Apr 22, 2015

+1

@zofog
Copy link

zofog commented Apr 28, 2015

+1 one of many showstopper issues preventing adoption of Kibana 4

@fbaligand
Copy link
Contributor

+1

2 similar comments
@daniilyar
Copy link

+1

@nilsga
Copy link

nilsga commented Jun 3, 2015

+1

@heksoli
Copy link

heksoli commented Jul 3, 2015

+1 no discussion over to be or not to be.

@BrianMu
Copy link

BrianMu commented Jul 10, 2015

+1

1 similar comment
@zeysh
Copy link

zeysh commented Jul 17, 2015

+1

@rashidkpc rashidkpc changed the title Resizable table columns Resizable discover table columns Jul 23, 2015
@dopey
Copy link

dopey commented Jul 24, 2015

+1

@ikrustev
Copy link

+1

6 similar comments
@hexfusion
Copy link

+1

@huoshan12345
Copy link

+1

@tlapuste
Copy link

+1

@podoi17
Copy link

podoi17 commented Apr 27, 2020

+1

@ptdtan

This comment has been minimized.

@serbaut

This comment has been minimized.

@EikiEgilz

This comment has been minimized.

@tsacha
Copy link

tsacha commented May 14, 2020

Stop "+1" pleeeaaaase. There is a subscribe button and a reaction below the first comment…

@Anne-Flux
Copy link

If you use the inspection tools of your browser, you can change the name of the column. The width of that title sets a minimum for the entire column. Not ideal, but a quick fix that you can apply right away.

@fbaligand
Copy link
Contributor

Use browser dev tools to change columns is definitely not a solution.

@Demircivi
Copy link

Use browser dev tools to change columns is definitely not a solution.

Yes, but he mentioned this as a "quick fix"/"not ideal".

@hajdukd

This comment has been minimized.

2 similar comments
@mattiashagstrom

This comment has been minimized.

@ahough-mc

This comment has been minimized.

@archon810
Copy link

archon810 commented Jul 23, 2020

Here's a fun example of where this feature would be highly valuable (the AS Number column).

image

@riemann89

This comment has been minimized.

@herodo
Copy link

herodo commented Aug 27, 2020

Here's a fun example of where this feature would be highly valuable (the AS Number column).

image

Best UI of the year =))

@sgums
Copy link

sgums commented Apr 14, 2021

I resolved the issue by creating a scripted field with a larger name that just returned the first field. It does the job, but I am curious if there are any draw backs that I am not aware of.

@Alsheh
Copy link

Alsheh commented Apr 18, 2021

@sgums your queries might get slower when using scripted fields:

Computing data on the fly with scripted fields can be very resource intensive and can have a direct impact on Kibana performance.

@shooshx
Copy link

shooshx commented May 2, 2021

It's amazing that a product who's almost singular purpose is to show tables of information doesn't allow changing the column widhth.
WTF.

@kertal
Copy link
Member

kertal commented May 3, 2021

This is possible in our new implementation of the table, since 7.12

Currently you need to enable it in Stack Monitoring / Advanced Settings by setting Use legacy table to Off

@andermirik
Copy link

This is possible in our new implementation of the table, since 7.12

Currently you need to enable it in Stack Monitoring / Advanced Settings by setting Use legacy table to Off

i wand new interface with column change size xd

@dbvan
Copy link

dbvan commented Oct 3, 2021

I custom css in these file and it's working.

echo ".euiTableRowCell{min-width:120px}" >> /usr/share/kibana/src/core/server/core_app/assets/legacy_light_theme.css \
echo ".euiTableRowCell{min-width:120px}" >> /usr/share/kibana/node_modules/@kbn/ui-shared-deps/shared_built_assets/kbn-ui-shared-deps.v8.light.css \
echo ".euiTableRowCell{min-width:120px}" >> /usr/share/kibana/node_modules/@kbn/ui-shared-deps/shared_built_assets/kbn-ui-shared-deps.v8.dark.css

@dougbergh
Copy link

dougbergh commented Oct 20, 2021

how about in the 'expanded document' view? don't see how to make the 'field' column wider in this e.g. (7.15.1)
image

@nickamon
Copy link

how about in the 'expanded document' view? don't see how to make the 'field' column wider in this e.g. (7.15.1) image

Thanks to @dbvan for the inspiration for this solution but appending the following line to /usr/share/kibana/src/core/server/core_app/assets/legacy_light_theme.css allows setting a reasonable with:

.euiTableRow>td:nth-child(2){min-width:300px}

This workaround addresses the Field column specifically.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Discover Discover Application release_note:enhancement Team:Visualizations Visualization editors, elastic-charts and infrastructure
Projects
None yet