Kendogrid中的水平滚动问题

Question

我是 Kendo 的新手。我在使用Kendo Grid进行水平滚动时遇到问题。我的网格显示如下：

滚动条显示在网格的末尾。但是，我期望页面小部件顶部有滚动条。由于使用网格视图，因此无法看到某些列的列标题。

这是我的代码：

$scope.ReportGridOptions = {

                    dataSource: {
                        data: data.Result,
                        pageSize: 4
                    },

                    pageable: {
                        'input': true, 'numeric': false, 'pageSize': 10, 'buttonCount': 2, 'refresh': false, 'pageSizes': [10, 20, 50],
                        messages: {
                            display: "{0}-{1} of {2} items",
                            page: "",
                            of: "of {0} ",
                        }
                    },
                    columns: $scope.gridColumns,
                    height:540,
                    width:'auto',
                    scrollable:true
                };

HTML代码：

            <div class="card">
                      <div class="card-body p-0 table-responsive">
                            <div kendo-tooltip k-options="toolTipOptionsApp">
                                <div kendo-tooltip k-options="toolTipOptions">
                                    <div kendo-grid="grdApplications"
                                         ng-model="grid"
                                         class="kendo-custom-table kendo-table-highlight3 visible-overflow"
                                         id="ReportGrid"
                                         k-options="ReportGridOptions"
                                         k-rebind="ReportGridOptions">

                                    </div>
                                </div>
                                <div ng-show="filtersData.length==0" class="page-content bg-bluegray height93vh text-center landing-page">
                                    <i class="icon icon-text-list-file icon-landing"></i>
                                    <p>No submissions to display </p>
                                </div>

                            </div>
                        </div>
                    </div>