feat: add column reorderable option to optionally lock a column
#983
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- we can take advantage of SortableJS `filter` option which can be used to filter column header with a certain CSS class. When using `reorderable: false` on a column, SlickGrid will add configurable CSS class to the column header which will be filtered out by SortableJS hence locking the column from being reorderable - new options available: - Column: `reorderable` (defaults to true) - Grid Option: `unorderableColumnCssClass` (defaults to "unorderable") - CSS/SASS variable for Alpine Theme: `$alpine-header-unorderable-bg-color` (replace `$` with `--` for CSS var)
This was referenced Jan 20, 2024
|
cc @6pac |
|
looking forward to this one. would make a great fit for the row based edit plugin to lock down the actions column in its place. |
|
I'm good with this but the issue has always been that if you can't drag a column to a place in the column list, you can drag another column to its left or right and eventually acheive the same thing. I don't care about that, but thought I should just point it out. |
|
I know that point and it is mentioned in the PR, this feature is mostly helpful when you use plugin like checkbox selector (row selection) in which you want to keep the checkboxes column as the first column in the grid |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
filteroption which can be used to filter column header with a certain CSS class. When usingreorderable: falseon a column, SlickGrid will add configurable CSS class to the column header which will be filtered out by SortableJS hence locking the column from being reorderablereorderable(defaults to true)unorderableColumnCssClass(defaults to "unorderable")$alpine-header-unorderable-bg-color(replace$with--for CSS var)I did add and set
reorderable: falseto the following 3 plugins, they can all be overriden when instantiating the plugin via their respective options