Html 单击任意单元格时,网格页面向上移动

Html 单击任意单元格时,网格页面向上移动,html,angular,slickgrid,angular-slickgrid,Html,Angular,Slickgrid,Angular Slickgrid,我使用网格显示我的数据,问题是当我们点击任何单元格、行或复选框时,页面会向上移动到起始元素。页面应该保持原样,而不是向上移动 从DOM中,我发现活动元素是' 当我删除上面的行,然后它停止移动页面上点击任何单元格,并按照正确的行为正常工作 这是我的密码: <section id="order-grid"> <div class="row"> <div class="col-12" id=&

我使用网格显示我的数据,问题是当我们点击任何单元格、行或复选框时,页面会向上移动到起始元素。页面应该保持原样,而不是向上移动

从DOM中,我发现活动元素是
'

当我删除上面的行,然后它停止移动页面上点击任何单元格,并按照正确的行为正常工作

这是我的密码:

<section id="order-grid">
    <div class="row">
      <div class="col-12" id="demo-container">
        <angular-slickgrid #slickGrid [gridId]="orderGrid" (onAngularGridCreated)="angularGridReady($event)"
        [columnDefinitions]="orderTableColumns" [gridOptions]="orderGridOptions" [dataset]="orderItems"
         (sgOnClick)="onCellClicked($event.detail.eventData, $event.detail.args)"
         (sgOnCellChange)="onCellChanged($event.detail.eventData, $event.detail.args)">
      </angular-slickgrid>
        </div>
    </div>
</section>
以下是有关行为的链接:


如果您能为我提供一些解决方案,说明为什么会发生这种情况,我将不胜感激。

我是Angular Slickgrid的作者,我发现您的问题很难理解。除了DOM元素之外,您的问题中也没有包含任何代码。所以我不能真正帮助你,我也不认为任何其他人可以帮助你,请为你的问题提供更多信息,至少了解上下文。另外,您可能正在描述SlickGrid的一个问题,只是提醒您Angular SlickGrid是SlickGridHi@Ghicoding顶部的一个包装器,我已经更新了我的问题,请查看一下。我仍然不理解您的问题,还要在此处添加图像或动画gif,只需复制并粘贴它,它就会显示在问题中。代码没有帮助,我不理解您的问题,可能是
sgOnClick
sgOnCellChange
的内容,但问题是什么?不太清楚,我想我理解这个问题@RichaPatel的问题是当我们点击任何一行的棱角平滑网格时自动滚动到顶部,是吗?我想问题是当你点击棱角平滑网格行时,它会自动重新渲染整个表格,并将其扔到页面顶部。我是棱角平滑网格的作者,我发现你的问题真的很难理解。除了DOM元素之外,您的问题中也没有包含任何代码。所以我不能真正帮助你,我也不认为任何其他人可以帮助你,请为你的问题提供更多信息,至少了解上下文。另外,您可能正在描述SlickGrid的一个问题,只是提醒您Angular SlickGrid是SlickGridHi@Ghicoding顶部的一个包装器,我已经更新了我的问题,请查看一下。我仍然不理解您的问题,还要在此处添加图像或动画gif,只需复制并粘贴它,它就会显示在问题中。代码没有帮助,我不理解您的问题,可能是
sgOnClick
sgOnCellChange
的内容,但问题是什么?不太清楚,我想我理解这个问题@RichaPatel的问题是,当我们点击任何一行棱角光滑网格时,它会自动滚动到顶部,是吗?我猜问题是,当你们点击棱角光滑网格行时,它会自动重新呈现整个表格,并扔到页面顶部
this.orderGridOptions = {
      asyncEditorLoading: true,
        autoCommitEdit: true,
      
      autoResize: {
        containerId: 'demo-container',
        sidePadding: 15
      },
      enableAutoResize: true,
      editable: true,
      enableCellNavigation: true,
      enableFiltering: true,
      enableRowSelection: true,
      rowSelectionOptions: {
        selectActiveRow: true
      },
    };