Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 21 Mar 2024 14:10 by Kathy
Scheduled for 2023.2
Constantinos Petridis
Created on: 03 Apr 2023 11:47
Category: Grid
Type: Bug Report
1
Selected rows overlap with frozen columns

When you combine frozen column with row selection and horizontal scrolling is applied (due to column and grid widths), column content are not hidden under frozen columns when a row is selected, as seen bellow in lines 2,3 and 4.

Checkbox, Product Name & Command columns are frozen. "Quantity per Unit" values are clearly visible behind frozen "Product Name" values. You can find a test scenario here (Telerik REPL for Blazor).

All themes suffer from this issue except Fluent theme. With default and bootstrap themes it happens on all odd selected lines and with material theme it happens on all selected lines.

2 comments
Kathy
Posted on: 21 Mar 2024 14:10
I am on 5.0.1 and I am seeing this behavior with rows that are not selected.
ADMIN
Svetoslav Dimitrov
Posted on: 10 Apr 2023 06:45

Hello Constantinos,

Thank you for reaching out!

The behavior you are describing is related to a registered regression in the Kendo Themes. You may find details and follow the progress of the fix here: https://github.com/telerik/kendo-themes/issues/4309.

For the time being, a possible workaround you can use is adding some custom CSS:

<style>
    .k-grid .k-table-row.k-selected .k-table-td {
        background-color: #ffd8d5;
    }

    .k-grid .k-table-row.k-alt.k-selected .k-table-td {
        background-color: #f3c8c4;
    }
</style>

Here is a REPL snippet that uses the workaround. Let me know if you have any additional questions.

Regards,
Svetoslav Dimitrov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category