Unplanned
Last Updated: 28 Jun 2021 13:43 by ADMIN
Valerio
Created on: 28 Jun 2021 13:35
Category: PivotGrid
Type: Bug Report
1
Row height misaligned when scrolling is enabled and Bootstrap Skin

When the scrolling is enabled and Skin set to Bootstrap, the rows are misaligned:

1 comment
ADMIN
Attila Antal
Posted on: 28 Jun 2021 13:43

Hi Valerio,

Thank you for reporting this problem. 

We've tested a few different versions of Telerik assemblies and also several skins. The issue seems to happen only in Bootstrap skin.

Workaround

Define the height of either the Row Header or Data Cell to a specific size in Pixels. That will make the entire grid rows to be aligned.

RowHeaderCell Style Height:

<telerik:RadPivotGrid RenderMode="Lightweight" ID="RadPivotGrid1" runat="server" Skin="Bootstrap" RowHeaderCellStyle-Height="30px">
</telerik:RadPivotGrid>

 

DataCell Style Height:

<telerik:RadPivotGrid RenderMode="Lightweight" ID="RadPivotGrid1" runat="server" Skin="Bootstrap" DataCellStyle-Height="30px">
</telerik:RadPivotGrid>

 

Result:

 

Until the issue is fixed, you can use the suggested workaroud.

 

Please excuse us for any inconvenience this may have caused.

Regards,
Attila Antal
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.