material-table
material-table copied to clipboard
Resizing of columns
An option for resizable columns would be great, in a similar vein as the draggable columns. Maybe such functionality is already possible but I didn't see any straight forward way to do it or find anything when searching.
Thanks for your work!
The following are good examples of what could work well: https://devexpress.github.io/devextreme-reactive/react/grid/demos/featured/tree-data/ https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/column-resizing
Notice how when text/data doesn’t fit in a column, it gets cut off with an ellipse
Some notice from this topic?
I'm also voting for this to be added - and I'm curious, are there any reference requirements of UX guidelines that this project is trying to fulfill? For example, I found it's as high as # 2 here:
https://www.mobilespoon.net/2019/11/design-ui-tables-20-rules-guide.html
Alternatively, as illustrated by the comment below, I would suggest that there should be some way to dynamically adjust the width based on some priorities, so that when there are some columns without any long content, they would be squashed instead of taking the entire width as a forced minimum value. Nevertheless, the approach of having user resize the columns is the most universal one anyway, just like you would expect from Excel, where you can also double-click between the columns and have the width automatically adjusted to fit the content.
@mbrn please prioritise the resizing of columns. It is essential when the contents are not uniform.
It makes the table look ugly. See image attached.
If the user could resize the column and the width adjusts properly, it would be wonderful.
In some cases, this could be handy! I need this in my project too.
can we have resize feature of columns in this table in priority?
I started to work on this :)
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You can reopen it if it required.
not stale
any progress on this ?
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You can reopen it if it required.
not stale
Any progress on this?
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You can reopen it if it required.
@mbrn can you please label this issue to make the stale
bot shut up?
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You can reopen it if it required.
not stale
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You can reopen it if it required.
still not stale ✨
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You can reopen it if it required.
and yet it's not stale
@mbrn any update on this or insights on how to implement ?
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. You can reopen it if it required.