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

[Feature Request] Table Column Dynamics #84

Closed
emigre459 opened this issue Feb 16, 2022 · 5 comments
Closed

[Feature Request] Table Column Dynamics #84

emigre459 opened this issue Feb 16, 2022 · 5 comments

Comments

@emigre459
Copy link

emigre459 commented Feb 16, 2022

Right now, there are two problems I keep running into with Table-type tiles:

  1. Column size adjustments are awkward. Using the advanced setting that allows for relative column widths gets the job done, but requires a bunch of iterations usually before you get it right. Making this a dynamic/drag-and-drop functionality would be the ideal.
  2. Related, and possibly making the first item slightly lower priority if implemented, is automatically word-wrapping in table cells, especially the column headers. All too often I have to increase column width only because my column header is too long to fit in the header cell (and I can't reduce the character count any further without losing info for my users). If these were to automatically (and/or optionally) word wrap, that would be amazing. Pushing the bottom few rows to a new page of the table is fine usually when it means you can see the whole header easily.
@nielsdejong
Copy link
Collaborator

Hi @emigre459 ,

Some thoughts:

  1. I agree that drag-and-drop column resizing would be awesome here. This exists out-of-the-box, but will require a purchase of the 'pro' license of the library: https://mui.com/components/data-grid/, so not something I can distribute as part of an open-source project. Alternatively I could see if I can extend the free version myself and add resizing, let me see.

  2. i think this shouldn't be super hard to do if it's just for the column headers. As a quick fix it could also show the full column name on hover of the header, would that help?

@emigre459
Copy link
Author

  1. Sad to hear that you would need the pro license to accomplish this (and thus it's not an option for an open source project). At the risk of suggesting something you have thoroughly investigated and found insufficient already, what about something else that (seems to be) pure open source for tables, like React-Table? I freely admit I don't know what it means when it says it's "only hooks" so it may be a bad fit, not sure.
  2. I'd prefer the option to word-wrap vs. truncate and provide the full name on hover as an advanced setting, if possible (with truncation as the default probably). I have users that will likely just ignore the whole column if they have to put any work into figuring out what it is (even hovering).

@JoridK
Copy link

JoridK commented Apr 5, 2022

Agree with both points in this request. Especially point 1 would be great to have, especially when deploying a dashboard in standalone mode, so that viewers can adjust the columns as necessary for their screen / data.

@KWLangendorf
Copy link

Hi, word-wrap in tables would be nice - or perhaps support for \n as in #310 then you can make a query to add a newline if beyond a certain limit.
Table with need for word-wrapping (study_title) - the \n is not supported in the table:
image
Here the same query in browser (inserting \n if beyond 60-65 characters)
image

@KWLangendorf
Copy link

@nielsdejong added screenshot of the wrap_limit
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants