Hi, I have another issue. I want to set a fixed width for my first column.
but it remains the same there is no change.
1 Like
Try removing the 'px'.
According to the documentation, the value should be numeric.
Thanks, it's working without px as you said. Now the row height is auto so if the screen size (width) chang, the table shows empty space below.
In a flex container, we have 3 tables. How can we shrink?
I'm not sure.
Maybe if you can count the number of rows in your data, then apply an expression binding on the basis property?
Hopefully a more experienced and knowledgeable forum member can assist with that one.
If you're not using the pager, you can always force a maximum height to the table if you'd like. Add a maxHeight to the style prop with an expression binding that goes off of the number of rows, adds the height of the header and the width of the borders.
For example, with the default styles, this expression: len({this.props.data}) * 30 + 30 + 2 should work as the rows are 30px, the header is 30px, and the borders are 1px on each side.
POSITION.basis : auto
PROPS.virtualized : false