perf: add new rowTopOffsetRenderType grid option to use "transform"

[ghiscoding]

• 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 of top to fix some UI rendering issue on large dataset

  • for example each .slick-row have a top offset to represent which which row it is, let say our rowHeight is 25px, then the 2nd row typically has a CSS style of top: 50px, the 3rd row has top: 75px, and so on... this new grid option would use transform: translateY(25px) instead, there's benefit in doing this as shown in the article below

• this 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