Example Repo: https://github.com/benhysell/BlazorGridPagingIssue
Steps To Reproduce
Hi Ben,
Indeed, this is a issue on our side, thanks for reporting it. The Grid column headers now render a CSS class, which is related to filtering and increases the right cell padding. However, the checkbox header cell does not need this class.
You have three options for an immediate workaround, while we fix it:
.k-grid-header th.k-filterable:first-child {
padding-right: 12px;
}
.k-grid-header th.k-filterable:first-child {
text-overflow: unset;
}
Note that the CSS workarounds rely on the first column to be a checkbox column. If you use different Grids in different scenarios, you can use a custom CSS class to target the workaround to specific Grids only.
.MyGridClass .k-grid-header th.k-filterable:first-child {
/* ... */
}
Regards,
Dimo
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.