jqgrid v4.4.5 rtl horizontal problem

See more:

ASP.NET

JQGrid

jQuery-UI

I use jqgrid v4.4.5 and jquery v1.9.1. When I resize jqgrid and the horizontal scrollbar appears it work on IE and Firefox. but in Chrome not work ,columns truncated and wrong width calculation.

How can i solve this?

<script>

        $(function () {
            $("#UsersGrid").jqGrid({
                direction:"rtl",
                url: 'jqGridHandler.ashx',
                datatype: 'json',
                height: 250,
                colNames: ['UserID', 'UserName', 'FirstName', 'MiddleName', 'LastName', 'EmailID'],
                colModel: [
                        { name: 'UserID', index: 'UserID', width: 100, sortable: true },
                        { name: 'UserName', width: 100, sortable: true },
                        { name: 'FirstName', width: 100, sortable: true },
                        { name: 'MiddleName', width: 100, sortable: true },
                        { name: 'LastName', width: 100, sortable: true },
                        { name: 'EmailID', width: 150, sortable: true }
                ],
                rowNum: 10,
                rowList: [10, 20, 30],
                pager: '#UsersGridPager',
                sortname: 'UserID',
                viewrecords: true,
                sortorder: 'asc',
                caption: 'JSON Example'
            });

            $("#UsersGrid").jqGrid('navGrid', '#UsersGridPager', { edit: false, add: false, del: false });
        });
    </script>