React-data-grid: [Idea] Enable Cell Expand functionality

[malonecj]

Enable Cell Expand functionality

Description

Currently, when text the text of a cell in React Data Grid becomes too long, it gets truncated and an elipsis is shown. We would like a method to display the full amount of text in a cell if the text is too long.
This could be from either exapanding the height and width of the cell to show the entire content. Or displaying that content in a modal.

Current functionality

Desired functionality

Requirements:

• Modify the render method of https://github.com/adazzle/react-data-grid/blob/master/src/Cell.js such that it renders an ExpandIcon React component if the text is truncated.
• Expand icon should have an onClick event that renders a modal window adjacent to the cell.
• Navigating across the cells should leave the modal window open but change the content
• Create a new example in https://github.com/adazzle/react-data-grid/tree/master/examples/scripts that demonstrates the functionality and loads a React Data Grid that has truncated text in some cells.

Bonus Points:
Add one of more tests in https://github.com/adazzle/react-data-grid/blob/master/src/Cell.js or on your new component to verify the new functionality

[snario]

+1

[jpdriver]

related: https://github.com/adazzle/react-data-grid/issues/248

[azl397985856]

I wanna know whether the react-data-grid support Cell Expand functionality now

[joinsunil]

What is the solution for such use cases.

[FatehAK]

Any update on this? Feels like its a must have for such a library

[iamsaurabhgupt]

Any update?