It is not possible to have border on selected row

[elinake]

I'm submitting a ... (check one with "x")

[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.

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:

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