perf: add new rowTopOffsetRenderType
grid option to use "transform"
#1050
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
related to issue Fix for CSS Rendering Issue at large row counts #1044, provide a new grid option to allow the possibility to use top offset CSS style via
transform
instead oftop
to fix some UI rendering issue on large dataset.slick-row
have a top offset to represent which which row it is, let say ourrowHeight
is 25px, then the 2nd row typically has a CSS style oftop: 50px
, the 3rd row hastop: 75px
, and so on... this new grid option would usetransform: translateY(25px)
instead, there's benefit in doing this as shown in the article belowthis might improve perf as well as per this article: Why Moving Elements With Translate() Is Better Than Pos:abs Top/left
we could possibly make this the default in our next
major
release (if it ever happen) but for now we can at least provide it as a new grid option. I also tested this with the Example Grouping (ESM) demo