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
[x ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter
Current behavior
When I put a border on selected row by
:host ::ng-deep .datatable-body-row.active {
border: 1px solid red !important;
}
The right side border causes a horizontal scrollbar to appear unnecessarily.
The reason seems to be that only column frozen to the right is allowed to be the last column, and when I add that, the border appears correctly.
I can not disallow horizontal scrollbar, because that is needed when the screen size is small. I can not have the last column frozen to the right, because user should be allowed to change the order. It seems to be not possible to have an invisible frozen column by setting its width to 0 or something.
Expected behavior
It should be possible to have the selected row styling to be borders. Only allowing frozen to be the last column is weird and arbitrary.
What is the motivation / use case for changing the behavior?
Please tell us about your environment:
Table version: 20.1.0
Angular version:
Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
Language: [all | TypeScript X.X | ES6/7 | ES5]
The text was updated successfully, but these errors were encountered:
I'm submitting a ... (check one with "x")
Current behavior
When I put a border on selected row by
The right side border causes a horizontal scrollbar to appear unnecessarily.
The reason seems to be that only column frozen to the right is allowed to be the last column, and when I add that, the border appears correctly.
I can not disallow horizontal scrollbar, because that is needed when the screen size is small. I can not have the last column frozen to the right, because user should be allowed to change the order. It seems to be not possible to have an invisible frozen column by setting its width to 0 or something.
Expected behavior
It should be possible to have the selected row styling to be borders. Only allowing frozen to be the last column is weird and arbitrary.
Reproduction of the problem
https://stackblitz.com/edit/angular-ivy-bgaes3?file=src%2Fapp%2Fapp.component.html
What is the motivation / use case for changing the behavior?
Please tell us about your environment:
The text was updated successfully, but these errors were encountered: