refactor: use css sticky instead of transform #106
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.
What kind of change does this PR introduce? (check one with "x")
column pinning used
transform: translate3d
to freeze columns on left/right. This approach was having significant performance issues as on every pixel scroll it calculated how much to translate so that frozen columns stays on view.This PR changes the above approach and use css
position:sticky
to achieve the same behaviour eliminating need forcalculating pixels to translate. It also solves the flicker problems which were caused while doing horizontal scroll extremely
fast along with column pinning.
To see the flicker problems
go to https://siemens.github.io/ngx-datatable/#pinning
open it in safari where this problem is very much visible
do horizontal scrolls
Bugfix
Feature
Code style update (formatting, local variables)
Refactoring (no functional changes, no api changes)
Build related changes
CI related changes
Other... Please describe:
What is the current behavior? (You can also link to an open issue here)
What is the new behavior?
Does this PR introduce a breaking change? (check one with "x")
If this PR contains a breaking change, please describe the impact and migration path for existing applications: ...
Other information: