Approved
Last Updated: 26 Sep 2018 15:52 by Kavitha
ADMIN
Attila Antal
Created on: 13 Sep 2018 13:05
Category: UI for ASP.NET AJAX
Type: Bug Report
1
Horiozontal Scrollbar not visible in Microsoft Edge when RadGrid has scrolling and Frozen columns enabled
When Scrolling is enabled with Frozen columns in RadGrid, horizontal scrollbar not visible in Microsoft Edge.

Issue appears in Microsoft Edge Version:
- Microsoft Edge 42.17134.1.0
- Microsoft EdgeHTML 17.17134



WORKAROUND:

Apparently, setting the horizontal scrollbar's height to 17 pixels will make Microsoft Edge display it. (Note: in case it still not displaying, you may try with 18px)

To set the height, you can choose one of the options below:

1. Using CSS style to increase the size of the horizontal scrollbar by one pixel.

<style type="text/css">
    .RadGrid div[id$="_Frozen"] {
        height: 18px;

        /* or  */
        /*padding-bottom: 1px;*/
    }
</style>


2. Using JavaScript

Subscribe the grid to its GridCreated client-side event, and in the event handler increase the element's height with the scrollbar then revert it back to its original size with a delay:

<script type="text/javascript">
    function GridCreated(sender, args) {
        $('div[id$="_Frozen"]').height(17);
    }
</script>
1 comment
Kavitha
Posted on: 17 Sep 2018 14:01
Workaround : Subscribe the grid to its GridCreated client-side event, and in the event handler increase the element's height to 18px.

<script type="text/javascript">

    function GridCreated(sender, args) {
             var frozen = $telerik.$('div[id$=""_Frozen""]');
        setTimeout(function () {
            frozen.height(18);
        });
    }
</script>