You can set a fixed height for each row. To do that under props.rows set the height property to 28px (or alternate height of your choosing).
By default the table header takes32pxso if you have800pxtotal you have760pxleft for 26 rows or 29.5384 (round down to28px). This calc assumes you have nothing else occupying vertical space on the display.
Also, I thought you should be able to set maxHeight (or max-height) as a property under props.rows.styles but I couldn't get that working to reduce the row size from defaults.
Update: Ignore the above, I suggest you reduce the default min-height of each row to something less than 30px as described in the post below.
I took a look at the data object you provided, the descriptions in there are all truncated as well so your issue with that lies upstream. What can you tell us about where that data comes from?
A few other suggestions...
- If you want to always show all rows, turn off pagination (set
props.pager.topandprops.pager.bottomto both befalse
