react-datasheet-grid icon indicating copy to clipboard operation
react-datasheet-grid copied to clipboard

Resize row height

Open Dennis-N8 opened this issue 1 year ago • 1 comments

Hi,

So I added support for multiple selection in Select column.

Now I have a few problems, one of them is how can I show all selected options in a cell?

Here in screenshot I have 4 options selected, but one of them is not visible.

image

Dennis-N8 avatar Aug 20 '23 15:08 Dennis-N8

You can use the rowHeight prop to figure out the height of the rows. https://react-datasheet-grid.netlify.app/docs/api-reference/props/#rowheight

You can't achieve your desired behavior though, all the rows will have the same height including the rows with less tags. The rowHeight prop does not accept a callback with rowData, instead just accepts a number which will be applied to all rows. You won't be able to overide with CSS classes, as the rowHeight prop value will be used instead, which gets applied by inline styles.

I think, the only way is to make changes in the source code to support this.

hussamkhatib avatar Aug 29 '23 17:08 hussamkhatib