If Column widths are not set, The grid column and column header will be misaligned when autoscroll is enabled unless the following code is used which feels like a hack. This code snippet was given to me by a support team member.

    dataBound: function(e)
    {
      
        if($(".k-grid-content table").height() > $(".k-grid-content").height())
        {
          	$("#grid1 div.k-grid-header").css('padding-right',kendo.support.scrollbar());

            $("#grid1 div.k-grid-content").css('overflow-y', 'visible');  
        }
       	else
        {
            $("#grid1 div.k-grid-header").css('padding-right', '0');

            $("#grid1 div.k-grid-content").css('overflow-y', 'hidden');        
        }
    }