Our blazing fast Grid component built with pure JavaScript


Post by johan.isaksson »

It was added after 4.1.0-beta-1, but should be there in the nightly build. I tried downloading "grid-2021-01-20-next" and I can see it there.
Please check again, making sure you get the "-next" version (which is for next minor/major release, -release is for the next patch release)

Best regards,
Johan Isaksson

Post by gregc »

One change that introduced was that the rows are all tightly packed, often just 14 pixels high.

Where/how is the row height defined? Is there a "mininum row height" setting somewhere?

Or a cell padding?


Post by gregc »

You can see an example of the tightly packed grid here:
<snip>

Last edited by gregc on Wed Jan 20, 2021 9:49 pm, edited 1 time in total.

Post by johan.isaksson »

Yes, configuring autoHeight on any column lets it dictate the row height. You have a number of options for how to achieve a min-height, I think these should all work:

  • Set a size in a column renderer, it will be weighted against the measured one and the largest will win
  • Set a min-height in CSS on b-grid-cell
  • Add some top/bottom padding to the cells, that way they wont measure below content + padding

Hope it helps!

Best regards,
Johan Isaksson

Post by gregc »

Fair enough, second one seems to work fine thanks!

.b-grid-cell {
  min-height:24px;
}

Post Reply