You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Is your feature request related to a problem? Please describe.
For datatables with a lot of data both horizontally and vertically, it is difficult to maintain orientation as to what data is being looked at when scrolled to the right and scrolling up/down.
Describe the solution you'd like
It would be nice to be able to freeze columns much like what can be achieved in Excel so that the first one or two columns that identify the row are kept visible while horizontally scrolling through the rest of the data.
Describe alternatives you've considered
I have added custom CSS to my flow through a bit of code to achieve a similar end but it is somewhat of a fragile solution implemented this way. Would be better to be part of the product.
Additional context
Screenshot example:
I added a test record with test data so I didn't have to anonymize everything. This shows the data scrolled all the way to the left or default position.
As the user scrolls to the right, the column with the name stays pinned to the left so that I can see the context for the record:
Below is the CSS I added to achieve this effect.
.slds-scope .slds-scrollable_y, .slds-scope .slds-scrollable--y {
-webkit-overflow-scrolling: touch;
overflow: visible;
}
div .slds-scrollable_y {
overflow: auto;
white-space: nowrap;
}
.slds-scope .slds-table tbody th:nth-child(2) {
position: -webkit-sticky;
position: sticky;
width: 181px;
min-width: 181px;
max-width: 181px;
left: 0px;
z-index: 7;
}
The text was updated successfully, but these errors were encountered:
Is your feature request related to a problem? Please describe.
For datatables with a lot of data both horizontally and vertically, it is difficult to maintain orientation as to what data is being looked at when scrolled to the right and scrolling up/down.
Describe the solution you'd like
It would be nice to be able to freeze columns much like what can be achieved in Excel so that the first one or two columns that identify the row are kept visible while horizontally scrolling through the rest of the data.
Describe alternatives you've considered
I have added custom CSS to my flow through a bit of code to achieve a similar end but it is somewhat of a fragile solution implemented this way. Would be better to be part of the product.
Additional context
Screenshot example:
I added a test record with test data so I didn't have to anonymize everything. This shows the data scrolled all the way to the left or default position.
As the user scrolls to the right, the column with the name stays pinned to the left so that I can see the context for the record:
Below is the CSS I added to achieve this effect.
.slds-scope .slds-scrollable_y, .slds-scope .slds-scrollable--y {
-webkit-overflow-scrolling: touch;
overflow: visible;
}
div .slds-scrollable_y {
overflow: auto;
white-space: nowrap;
}
.slds-scope .slds-table tbody th:nth-child(2) {
position: -webkit-sticky;
position: sticky;
width: 181px;
min-width: 181px;
max-width: 181px;
left: 0px;
z-index: 7;
}
The text was updated successfully, but these errors were encountered: