NeXTs / Clusterize.js

Tiny vanilla JS plugin to display large data sets easily
https://clusterize.js.org
MIT License
7.22k stars 412 forks source link

Doesn't work when the rowspan is very big #184

Open bmarotta opened 2 years ago

bmarotta commented 2 years ago

In the case where the rowspan is very big (apparently 4 times bigger than the rows_in_block), the cells in the last columns do not render.

An example can be seen here

https://codesandbox.io/s/clusterize-js-large-rowspan-f8ebl?file=/src/index.ts

NeXTs commented 2 years ago

.clusterize-scroll element's height must be limited by css properties: max-height + overflow: auto https://github.com/NeXTs/Clusterize.js/blob/master/clusterize.css#L1-L7

bmarotta commented 2 years ago

Hi NeXTs,

Thanks for the tip. Looks better, but still not perfect. For some reason there is a big gap every ~200 rows (check screenshot). I took the random component from the test so that each row always grow by 2. You can check for yourself:

image

Thanks again

NeXTs commented 2 years ago

I'm afraid the plugin is not designed to work with rowspan. The only way to make it work as you want is to make the whole "Row" section in single <tr> tag with nested table inside this <tr>