Keep the same Row Size

Tags: #<Tag:0x00007efc6213fe88>
#1

Hello,

I have horizontal scrolling in my table and when I scroll to the right the row height keeps resizing, is there a way to keep the same row height for all rows?

Angular: 14.2
Handsontable: 12.1

image
image.png738×712 33.8 KB

Ellipsis expansion on readOnly Column
#2

Hi @kducante

Did you already added the autoRowSize: true to your configuration object? It helps to keep the same height of the row while scrolling based on the highest cell’s height in a given row.

1 Like
#3

Thanks, this one worked for me.
Is there a way to keep the line small and when I click on a large text field it expands?

#4

You can set up the autoRowSize: true on the afterOnCellMouseDown but that would rerender the table. However, every UI-change will need an extra rerender of the table. Would that meet your requirements? You can also try using a custom renderer to cut the cell and then allow users to see the whole value when they edit it.

#5

It would be perfect.
Do you have an example using angular ?

#6

Sure, here’s an example https://jsfiddle.net/uvsefcmh/1/ it is based on a CSS class with those properties

.handsontable .truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#7

Thanks for the quick resolution, this is a 5 star customer support. :star::star::star::star::star:

1 Like
#8

I’m always happy to help :slight_smile: Thank you for the kind words

#9