Grid ships with a visual flaw

[Gabriel]

If you take a look at http://demos.kendoui.com/web/grid/toolbar-template.html, you can see the bottom of the grid where the paging controls live that the line on the bottom is absent.

This only happens when using the toolbar in a grid.

Does anyone know how to fix this?

[Dimo]

Hi Gabriel,

The problem is caused by the DropDownList in the Grid's toolbar - it adjusts its layout after the Grid and expands the toolbar height a little. As a result, the Grid calculations with regard to its scrollable data area are no longer valid.

The easiest workaround is to set a large-enough height (min-height) to the toolbar, so that it does not expand after the DropDownList initialization.

#grid .k-toolbar
{
    min-height: 28px;
}

Regards,
Dimo
the Telerik team

[Gabriel]

Thanks Dimo.